اجزای مدال

در زیر یک استاتیک مثال مودال (به معنای آن position و displayنادیده گرفته شده اند). شامل سرصفحه معین، بدنه مودال (الزامی برای padding) و پاورقی مودال (اختیاری) است. از شما می‌خواهیم هر زمان که امکان دارد، سرصفحه‌های معین را با اقدامات رد کنید یا یک اقدام رد صریح دیگر ارائه کنید..

پیمایش معین

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

اندازه های اختیاری

Modal ها دارای سه اندازه اختیاری هستند که از طریق کلاس های اصلاح کننده در دسترس هستند تا در یک .modal-dialog قرار گیرند. این اندازه‌ها در نقاط شکست مشخصی ایجاد می‌شوند تا از نوارهای اسکرول افقی در نماهای باریک‌تر جلوگیری کنند.

پیمایش مطالب طولانی

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

عمودی در مرکز

Add .modal-dialog-centered تا .modal-dialog به مرکز عمودی مدال.

با استفاده از شبکه

از سیستم شبکه Bootstrap در یک مودال با تودرتو استفاده کنید .container-fluid در داخل .modal-body. سپس، از کلاس های سیستم شبکه معمولی مانند هر جای دیگری استفاده کنید.