نشان های قرصی پایه

از کلاس .badge-pill برای بیشتر گرد کردن نشان ها استفاده کنید (با border-radius بیشتر و فاصله داخلی افقی بیشتر).

اولیه
ثانویه
موفقیت
اطلاعات
هشدار
اخطار

نشان های قرصی روشن

از کلاس .badge-pill به همراه .badge.badge-light-{colorName} برای ایجاد نشان های قرصی با رنگ پس زمینه روشن استفاده کنید.

اولیه
ثانویه
موفقیت
اطلاعات
هشدار
اخطار

نشان های درخشان

از کلاس .badge-glow برای افزودن جلوه درخشش به نشان ها استفاده کنید.

اولیه
ثانویه
موفقیت
اطلاعات
هشدار
اخطار

نشان های قرصی دارای آیکن

اولیه
ثانویه
موفقیت
اخطار
اطلاعات
هشدار

نشان های قرصی به عنوان اعلان

از کلاس .badge-up داخل .position-relative برای افزودن نشان ها به عنوان اعلان استفاده کنید.

4
5
6

نشان های دایره ای سفارشی

از .badge-circle برای افزودن نشان های دایره ای استفاده کنید و از .badge-circle-{colorName} برای ایجاد نشان های دایره ای با رنگ های مختلف استفاده کنید. برای انواع مختلف اندازه ها نیز از کلاس .badge-circle-{lg/sm} به همراه .badge-circle استفاده کنید.

نشان های دایره ای سفارشی با پس زمینه روشن

از .badge-circle-light-{colorName} به همراه .badge-circle برای ایجاد نشان های دایره ای با رنگ پس زمینه روشن استفاده کنید.

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

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

رنگ های فهرست

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

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

نوع فوتر

سایه کارت

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

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

7:45 ق.ظ

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

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

7:50 ق.ظ

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

8:01 ق.ظ