مودال
مدال های پیش فرض
با کلیک کردن روی دکمه زیر، یک نسخه آزمایشی مودال کار را تغییر دهید. از بالای صفحه به پایین می لغزد و محو می شود.
پس زمینه استاتیک
وقتی پس‌زمینه روی استاتیک تنظیم می‌شود، مودال هنگام کلیک کردن در خارج از آن بسته نمی‌شود. روی دکمه زیر کلیک کنید تا آن را امتحان کنید.
پیمایش مطالب طولانی
هنگامی که مدال ها برای نمای کاربر یا دستگاه بسیار طولانی می شوند، مستقل از خود صفحه اسکرول می کنند. دمو زیر را امتحان کنید تا متوجه منظور ما شوید.
همچنین می‌توانید یک مدال قابل پیمایش ایجاد کنید که با افزودن
.modal-dialog-scrollableبه
مودال بدنه را اسکرول کنید .modal-dialog.
موقعیت مدال
.modal-dialog-centeredبه
.modal-dialogوسط عمودی مدال اضافه کنید .
موقعیت مدال را مشخص کنید. شما می توانید مدال را در بالا، پایین صفحه با تعیین کلاس ها
modal-topو modal-bottom
به ترتیب نمایش دهید.
جابه‌جایی بین حالت‌ها
جابه‌جایی بین حالت‌های چندگانه با قرار دادن هوشمندانه ویژگی‌های
data-bs-targetو
data-bs-toggle. برای مثال، می‌توانید یک مدال بازنشانی رمز عبور را از
داخل یک مدال وارد شوید که قبلاً باز شده است تغییر دهید. لطفاً توجه داشته
باشید که چندین مدال نمی توانند همزمان باز شوند - این روش به سادگی بین
دو مدال جداگانه جابجا می شود.
اندازه های اختیاری
مدال‌ها سه اندازه اختیاری دارند که از طریق کلاس‌های اصلاح‌کننده
در دسترس هستند تا روی یک قرار بگیرند .modal-dialog. این اندازه‌ها در
نقاط شکست مشخصی ایجاد می‌شوند تا از نوارهای اسکرول افقی در نماهای باریک‌تر جلوگیری
کنند.
تمام صفحه مدال
مدال‌ها سه اندازه اختیاری دارند که از طریق کلاس‌های اصلاح‌کننده
در دسترس هستند تا روی یک قرار بگیرند .modal-dialog. این اندازه‌ها در
نقاط شکست مشخصی ایجاد می‌شوند تا از نوارهای اسکرول افقی در نماهای باریک‌تر جلوگیری
کنند.
هشدارهای مبتنی بر مدال
مدال‌ها سه اندازه اختیاری دارند که از طریق کلاس‌های اصلاح‌کننده
در دسترس هستند تا روی یک قرار بگیرند .modal-dialog. این اندازه‌ها در
نقاط شکست مشخصی ایجاد می‌شوند تا از نوارهای اسکرول افقی در نماهای باریک‌تر جلوگیری
کنند.