مُدال

دیالوگ هایی را برای لایت باکس ها، اعلان های کاربر یا محتوای کاملا سفارشی به سایت خود اضافه کنید. برای لیست کامل دستورالعمل ها و گزینه های دیگر مستندات رسمی بوت استرپ را بخوانید.

مثال پایه

در زیر یک نمونه مُدال ایستا آمده است (به این معنی که position و display آن لغو شده است).

عنوان مدال

متن محتوای بدنه مدال در اینجا

پیش نمایش زنده

با کلیک بر روی دکمه زیر، یک نسخه آزمایشی مُدال به نمایش در می آید.

پیمایش محتوای بلند

وقتی مدال ها برای دستگاه کاربر خیلی طولانی می شوند، مستقل از خود صفحه اسکرول می کنند.

استایل دیگری از پیمایش محتوای بلند

مدال وسط چین

کد .modal-dialog-centred را به .modal-dialog اضافه کنید تا به صورت عمودی مدال را در مرکز قرار دهید.

فرم در مدال

سایزهای اختیاری

مدال ها سه اندازه اختیاری دارند. برای موارد بیشتر، .modal-sm، .modal-lg یا .modal-xl را به .modal-dialog اضافه کنید.