Colors
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ó.
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-only
classe.
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-white
i .text-muted
no té cap estil d'enllaç addicional més enllà del subratllat.
Color de fons
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.
Degradat de fons
Quan $enable-gradients
s'estableix en true
(el valor per defecte és false
), podeu utilitzar .bg-gradient-
classes d'utilitat. Obteniu informació sobre les nostres opcions de Sass per activar aquestes classes i més.
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark