مودال پایه

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

مودال بدون خط

با کلیک روی دکمه زیر، یک مودال بدون خط نمایش دهید. از کلاس .modal-borderless به همراه .modalبرای مودال بدون خط استفاده کنید.

در مرکز

افزودن .modal-dialog-centered به .modal-dialog باعث نمایش مودال در مرکز می شود.

لایه پس زمینه غیر فعال

میتوانید با استفاده از data-backdrop="false" لایه پس زمینه را غیر فعال کنید.

مودال با فرم ورود

یک فرم ورود ساده ایجاد کنید.

محتوای طولانی اسکرول شونده

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

محتوای طولانی اسکرول شونده داخل مودال

شما همچنین میتوانید یک مودال اسکرول شونده که اجازه اسکرول داخل بدنه مودال را میدهد ایجاد کنید. با افزودن کلاس .modal-dialog-scrollable به .modal-dialog.

انیمیشن غیر فعال

برای نمایش مودال به صورت یکباره بدون انیمیشن محو شدن، کلاس .fade را از مودال حذف کنید.

سفارشی سازی قالب

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

رنگ های فهرست

جمع کردن فهرست

رنگ های نوار بالایی
نکته : این گزینه تنها در حالت نوار ثابت و در هنگام اسکرول صفحه نمایش داده خواهد شد.
نوع نوار بالایی

نوع فوتر

سایه کارت

مخفی سازی دکمه اسکرول به بالا
ارتباط با ما
امروز

لورم ایپسوم متن ساختگی

7:45 ق.ظ

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم

7:50 ق.ظ

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

8:01 ق.ظ