رابط کاربری عمومی
نشان ها
برای تغییر ظاهر یک نشان، هر یک از کلاس های اصلاح کننده زیر را اضافه کنید.
نشان نرم
نشان های قرص
استفاده کنید.rounded-pill modifier class to make
badges more rounded (with a larger border-radius
and additional horizontal padding).
Useful if you miss the badges from v3.
نشان نرم
نشان ها در دکمه ها
نشان ها را می توان به عنوان بخشی از پیوندها یا دکمه ها برای ارائه شمارنده استفاده کرد.
نمونه های موقعیت نشان ها
نمونه ای از موقعیت نشان ها
پاپاورها
چهار گزینه موجود است: تراز بالا، راست، پایین و چپ.
نکات ابزار
برای دیدن نکات ابزار، نشانگر را روی پیوندهای زیر نگه دارید:
صفحه بندی
مثال پیش فرض
پیوندهای صفحه بندی نشان می دهد که یک سری محتوای مرتبط در چندین صفحه وجود دارد.
حالت های غیر فعال و فعال
پیوندهای صفحه بندی قابل تنظیم هستند .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.
