Bootstrap Modals

یک مدال رندر شده با سرصفحه، بدنه و مجموعه ای از اقدامات در پاورقی.

معین با صفحات

نمونه هایی از مدال های سفارشی

هشدارهای مبتنی بر مودال

پیام‌های هشدار متنی مختلف را با استفاده از مؤلفه مدال نشان دهید

موقعیت مدال

موقعیت مدال را مشخص کنید. شما می توانید مدال را در بالا، پایین، مرکز یا سمت راست صفحه با مشخص کردن نمایش دهید کلاس هاmodal-top, modal-bottom, modal-dialog-centeredوmodal-rightبه ترتیب.

مدال های هدر رنگی

یک مدال رندر شده با هدر دارای رنگ پس‌زمینه زمینه‌ای.

مدال های پر شده

یک مدال رندر شده با سرصفحه، بدنه و پاورقی که رنگ پس‌زمینه همبستگی دارد.

چند حالته

مجموعه‌ای از مدال‌ها را یکی یکی نمایش دهید تا کاربران خود را در جنبه‌های مختلف راهنمایی کنید یا ورودی عاقلانه را انجام دهید.

جابه‌جایی بین حالت‌ها

جابه‌جایی بین چند حالت با چند قرار دادن هوشمندانهdata-bs-targetوdata-bs-toggleصفات

اولین مدال را باز کنید

تمام صفحه مدال

یکی دیگر از موارد نادیده گرفته شده، گزینه ای برای باز شدن یک مدال است که نمای کاربر را پوشش می دهد، که از طریق کلاس های اصلاح کننده ای که در یک قرار داده شده است در دسترس است..modal-dialog

پس زمینه ایستا

وقتی پس‌زمینه روی استاتیک تنظیم می‌شود، مودال هنگام کلیک کردن در خارج از آن بسته نمی‌شود. روی دکمه زیر کلیک کنید تا آن را امتحان کنید.

محتوای مدال متفاوت

آیا یک دسته دکمه دارید که همگی یک مدال را با محتویات کمی متفاوت راه اندازی می کنند؟ استفاده کنیدevent.relatedTargetوHTMLdata-bs-*صفاتبرای تغییر محتویات مدال بسته به اینکه روی کدام دکمه کلیک شده است.

تنظیمات تم
Layout را انتخاب کنید
طرح رنگ
حالت چیدمان
رنگ نوار بالای صفحه
رنگ منو
موقعیت چیدمان