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