Bir nechta rang foydali sinflari bilan rang orqali ma'noni etkazing. Hover holatlari bilan uslublar havolalarini qo'llab-quvvatlashni ham o'z ichiga oladi.
Rang
.matn-asosiy
.matn-ikkinchi darajali
.matn-muvaffaqiyat
.text-xavf
.matn-ogohlantirish
.text-info
.matn nuri
.matn-qorong'i
.matn-tanasi
.matn ovozsiz
.matn-oq
.matn-qora-50
.matn-oq-50
Kontekstli matn sinflari, shuningdek, taqdim etilgan hover va fokus holatiga ega langarlarda ham yaxshi ishlaydi. E'tibor bering, .text-whiteva .text-mutedsinfida tagiga chizilgandan tashqari qo'shimcha havola uslubi yo'q.
Kontekstli matn rang sinflariga o'xshab, istalgan kontekstli sinfga elementning fonini osongina o'rnating. Anchor komponentlari xuddi matn sinflari kabi sichqonchani ko‘targanda qorayadi. Fon yordam dasturlari o'rnatilmagancolor.text-* , shuning uchun ba'zi hollarda utilitalardan foydalanishni xohlaysiz .
.bg-asosiy
.bg-ikkinchi darajali
.bg-muvaffaqiyat
.bg-xavf
.bg-ogohlantirish
.bg-info
.bg-nur
.bg-qorong'i
.bg-oq
.bg-shaffof
Fon gradienti
Qachon $enable-gradients"true" qiymati o'rnatilgan bo'lsa, siz .bg-gradient-yordamchi dasturlardan foydalanishingiz mumkin bo'ladi. Odatiy bo'lib, $enable-gradientso'chirilgan va quyidagi misol ataylab buzilgan. Bu Bootstrap-dan foydalanishni boshlagan paytdan boshlab qulayroq sozlash uchun amalga oshiriladi. Ushbu sinflarni va boshqalarni yoqish uchun Sass imkoniyatlari haqida bilib oling .
.bg-gradient-asosiy
.bg-gradient-ikkinchi darajali
.bg-gradient-muvaffaqiyat
.bg-gradient-xavf
.bg-gradient-ogohlantirish
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark
O'ziga xoslik bilan shug'ullanish
Ba'zan kontekstli sinflarni boshqa selektorning o'ziga xosligi tufayli qo'llash mumkin emas. Ba'zi hollarda, elementingiz tarkibini sinf bilan o'rash uchun etarli vaqtinchalik yechim <div>.
Yordamchi texnologiyalarga ma'no etkazish
Ma'no qo'shish uchun rangdan foydalanish faqat vizual ko'rsatkichni ta'minlaydi, bu yordamchi texnologiyalar foydalanuvchilariga, masalan, ekranni o'qiydiganlarga etkazilmaydi. Rang bilan belgilangan ma'lumotlar mazmunning o'zidan (masalan, ko'rinadigan matn) aniq bo'lishiga yoki .sr-onlysinf bilan yashiringan qo'shimcha matn kabi muqobil vositalar orqali kiritilganligiga ishonch hosil qiling.