مودال ها
مودال های بوت استرپ
یک مودال ارائه شده با هدر ، بدن و مجموعه ای از اقدامات در پاورقی.
مودال با صفحات
نمونه هایی از ماژال های سفارشی.
هشدارهای مبتنی بر مودال
پیام های هشدار متنی مختلف را با استفاده از مؤلفه مودال نشان دهید
موقعیت مودال
موقعیت را برای مودال مشخص کنید.با مشخص کردن می توانید در بالا ، پایین یا مرکز صفحه ، مودال را نمایش دهید
کلاس modal-top, modal-bottomو modal-dialog-centered
به ترتیب.
مدالهای هدر رنگی
یک مودال ارائه شده با هدر داشتن رنگ پس زمینه متنی.
مودال های پر شده
یک مودال ارائه شده با هدر ، بدن و پاورقی که دارای رنگ پس زمینه متنی است.
چند مودال
یک سری از مدالها را یک به یک نمایش دهید تا کاربران خود را از جنبه های مختلف راهنمایی کنید یا از ورودی های عاقلانه استفاده کنید.
جابجایی بین مودال ها
بین چند مودال با قرار دادن هوشمندانه از data-bs-target و data-bs-toggle ویژگی.
مودال تمام صفحه
اورراید دیگر گزینه ای برای ظاهر شدن یک مودال است که نمای کاربر را پوشش می دهد ، از طریق کلاس های اصلاح کننده که در یک قرار می گیرند موجود است.modal-dialog
پس زمینه استاتیک
هنگامی که Backdrop روی استاتیک تنظیم شده است ، هنگام کلیک کردن در خارج از آن ، مودال بسته نمی شود.برای امتحان کردن روی دکمه زیر کلیک کنید.
محتوای مودال متفاوت
دسته ای از دکمه ها را دارید که همه آنها را با محتوای کمی متفاوت تغییر می دهند؟استفاده کردن
event.relatedTarget and HTML data-bs-*
ویژگی برای تغییر محتوای مودال بسته به اینکه کدام دکمه کلیک شده است.