نمونه های مدال
مدال ها ساده، اما انعطاف پذیر هستند
حالت پیش فرض
با کلیک کردن روی دکمه زیر، یک نسخه آزمایشی مودال کار را تغییر دهید.
تمام صفحه مدال
یکی دیگر از موارد نادیده گرفته شده، گزینه ای برای باز شدن یک مدال است که نمای کاربر را پوشش می دهد، که از طریق کلاس های اصلاح کننده ای که در یک قرار داده شده است در دسترس است..modal-fullscreen
.
اندازه های اختیاری
مدالها دارای سه اندازه اختیاری هستند که از طریق کلاسهای اصلاحکننده در دسترس هستند تا روی a قرار بگیرند.modal-dialog
.
عمودی در مرکز
اضافه کردن.modal-dialog-centered
to .modal-dialog
to vertically center the modal.
Scrollable Modal
همچنین میتوانید یک مدال قابل پیمایش ایجاد کنید که با افزودن، بدنه مدال را اسکرول کنید.modal-dialog-scrollable
to .modal-dialog
.
پس زمینه استاتیک
وقتی پسزمینه روی استاتیک تنظیم میشود، مودال هنگام کلیک کردن در خارج از آن بسته نمیشود.
جابجایی بین حالتها
جابهجایی بین چند حالت با چند قرار دادن هوشمندانهdata-bs-target
and data-bs-toggle
attributes.