رابط کاربری عمومی

نشان ها

هر کدام از کلاس های کاربردی زیر را برای تغییر ظاهر یک نشان اضافه کنید.

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

نشان های دورگرد

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

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

پاپ اور

کادر های متنی کوچکی برای نمایش اطلاعات ثانویه برای هر المان اضافه کنید.

تولتیپ ها

روی لینک های زیر هاور کنید تا تولتیپ ها را مشاهده کنید:

صفحه‌بندی

نمونه پیش فرض

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

وضعیت غیرفعال و فعال

لینک های صفحه بندی قابل سفارشی سازی برای موقعیت های مختلف هستند. از کلاس .disabled برای لینک های غیر قابل کلیک و کلاس .active برای مشخص کردن صفحه کنونی استفاده کنید.

اندازه ها

برای نمایش صفحه بندی در اندازه های بزرگتر و یا کوچکتر از کلاس .pagination-lg یا .pagination-sm استفاده کنید.

تراز

تراز اجزای صفحه بندی را با ابزار flexbox تغییر دهید.

چرخنده خط گرد

از چرخنده های خطی گرد برای نشان دادن بارگذاری ساده استفاده کنید.

در حال بارگذاری ...
در حال بارگذاری ...
در حال بارگذاری ...
در حال بارگذاری ...
در حال بارگذاری ...
در حال بارگذاری ...
در حال بارگذاری ...

چرخنده بزرگ شونده

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

در حال بارگذاری ...
در حال بارگذاری ...
در حال بارگذاری ...
در حال بارگذاری ...
در حال بارگذاری ...
در حال بارگذاری ...
در حال بارگذاری ...
© کووکس.
ارائه شده در وب‌سایت راست‌چین