نمونه های مدال
مدال ها ساده، اما انعطاف پذیر هستند
حالت پیش فرض
با کلیک کردن روی دکمه زیر، یک نسخه آزمایشی مودال کار را تغییر دهید.
تمام صفحه مدال
یکی دیگر از موارد نادیده گرفته شده، گزینه ای برای باز کردن یک مدال است که نمای کاربر را پوشش می دهد، که از طریق کلاس های اصلاح کننده که در یک قرار داده می شوند در دسترس است..modal-fullscreen.
اندازه های اختیاری
مدال‌ها دارای سه اندازه اختیاری هستند که از طریق کلاس‌های اصلاح‌کننده در دسترس هستند تا روی a قرار بگیرند.modal-dialog.
عمودی در مرکز
اضافه کردن.modal-dialog-centered to .modal-dialog to vertically center the modal.
Scrollable Modal
پیمایش محتوای طولانی مودال و همچنین می توانید یک مدال قابل پیمایش ایجاد کنید که با اضافه کردن بدنه مدال اسکرول کنید.modal-dialog-scrollable to .modal-dialog.
پس زمینه ایستا
وقتی پس‌زمینه روی استاتیک تنظیم می‌شود، مودال هنگام کلیک کردن در خارج از آن بسته نمی‌شود.
محتوای مدال متفاوت
استفاده کنیدevent.relatedTarget and HTML data-bs-* attributes to vary the contents of the modal depending on which button was clicked.
جابجایی بین حالت‌ها
جابه‌جایی بین چند حالت با چند قرار دادن هوشمندانهdata-bs-target and data-bs-toggle attributes.