مدال ها
نمونه های مدال
مدال ها ساده، اما انعطاف پذیر هستند
حالت پیش فرض
با کلیک کردن روی دکمه زیر، یک نسخه آزمایشی مودال کار را تغییر دهید.
تمام صفحه مدال
یکی دیگر از موارد نادیده گرفته شده، گزینه ای برای باز شدن یک مدال است که نمای کاربر را پوشش می دهد، که از طریق کلاس های اصلاح کننده ای که در یک قرار داده شده است در دسترس است..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.
محتوای مدال متفاوت
مدال دکمه‌هایی که همگی یک مدال را با محتویات کمی متفاوت راه‌اندازی می‌کنند. event.relatedTarget and HTML data-bs-target attributes to vary the contents of the modal depending on which button was clicked.
