نشان ها
برای تغییر ظاهر یک نشان، هر یک از کلاس های اصلاح کننده زیر را اضافه کنید.
پیش فرض
نشان نرم
نشان های قرص
استفاده کنید.rounded-pill modifier class to make
badges more rounded.
پیش فرض
نشان نرم
نشان ها در دکمه ها
نشان ها را می توان به عنوان بخشی از پیوندها یا دکمه ها برای ارائه شمارنده استفاده کرد.
نمونه های موقعیت نشان ها
نمونه ای از موقعیت نشان ها
پاپاورها
چهار گزینه موجود است: تراز بالا، راست، پایین و چپ.
نکات ابزار
برای دیدن نکات ابزار، نشانگر را روی پیوندهای زیر نگه دارید:
مثال پیش فرض صفحه بندی
پیوندهای صفحه بندی نشان می دهد که یک سری محتوای مرتبط در چندین صفحه وجود دارد.
صفحه بندی غیر فعال و فعال است
پیوندهای صفحه بندی قابل تنظیم هستند .disabled for links that appear
un-clickable and .active to
indicate the current page.
اندازه صفحه بندی
صفحه بندی بزرگتر یا کوچکتر را دوست دارید؟ .pagination-lg or .pagination-sm for additional
sizes.
تراز صفحه بندی
تراز صفحه بندی را تغییر دهید
مرز اسپینر
از اسپینرهای حاشیه برای نشانگر بارگیری سبک استفاده کنید.
اسپینر در حال رشد
اگر به اسپینر مرزی علاقه ندارید، به اسپینر رشد بروید.
دکمه بستن
گزینه ای برای رد کردن یا بستن یک جزء با آن ارائه کنید.btn-close. Default styling is limited, but highly customizable. Modify the Sass variables to replace the default background-image. حتماً متنی را برای صفحه‌خوان‌ها اضافه کنید, as we’ve done with aria-label.
غیرفعال کردن دکمه بستن
دکمه های غیرفعال بستن آنها را تغییر می دهدopacity. We’ve also applied pointer-events: none and user-select: none to preventing hover and active states from triggering.
دکمه بستن نوع سفید
پیش فرض را تغییر دهید.btn-close to be white with the .btn-close-white class. This class uses the filter property to invert the background-image.