Transmet significat a través del color amb un grapat de classes d'utilitat de color. També inclou suport per als enllaços d'estil amb els estats de flotació.
Color
.text-primària
.text-secundària
.text-èxit
.text-perill
.text-advertència
.text-info
.text-llum
.text-fosc
.text-cos
.text silenciat
.text-blanc
.text-negre-50
.text-blanc-50
Les classes de text contextual també funcionen bé amb les àncores amb els estats d'enfocament i de focus proporcionats. Tingueu en compte que la classe .text-whitei .text-mutedno té cap estil d'enllaç addicional més enllà del subratllat.
De manera similar a les classes de color de text contextual, establiu fàcilment el fons d'un element a qualsevol classe contextual. Els components d'ancoratge s'enfosquiran en passar el cursor, igual que les classes de text. Les utilitats de fons no s'estableixencolor , de manera que, en alguns casos, voldreu utilitzar les .text-*utilitats.
.bg-primària
.bg-secundària
.bg-èxit
.bg-perill
.bg-advertència
.bg-info
.bg-llum
.bg-fosc
.bg-blanc
.bg-transparent
Degradat de fons
Quan $enable-gradientss'estableix en true, podreu utilitzar .bg-gradient-classes d'utilitat. Per defecte, $enable-gradientsestà desactivat i l'exemple següent està trencat intencionadament. Això es fa per a una personalització més fàcil des del moment que comenceu a utilitzar Bootstrap. Obteniu informació sobre les nostres opcions de Sass per activar aquestes classes i més.
.bg-gradient-primari
.bg-gradient-secundària
.bg-gradient-èxit
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-llum
.bg-gradient-fosc
Tractament de l'especificitat
De vegades no es poden aplicar classes contextuals a causa de l'especificitat d'un altre selector. En alguns casos, una solució suficient és embolicar el contingut de l'element en un <div>amb la classe.
Transmetre significat a les tecnologies d'assistència
L'ús del color per afegir significat només proporciona una indicació visual, que no es transmetrà als usuaris de tecnologies d'assistència, com ara lectors de pantalla. Assegureu-vos que la informació indicada pel color sigui òbvia des del contingut mateix (per exemple, el text visible) o s'inclogui mitjançant mitjans alternatius, com ara text addicional amagat amb la .sr-onlyclasse.