Transmite sens prin culoare cu o mână de clase de utilitate de culoare. Include și suport pentru link-uri de stil cu stări de hover.
Culoare
.text-primar
.text-secundar
.text-succes
.text-pericol
.text-avertisment
.text-info
.text-lumină
.text-întuneric
.text-corp
.text dezactivat
.text-alb
.text-negru-50
.text-alb-50
Clasele de text contextual funcționează bine și pe ancore cu stările de hover și de focalizare furnizate. Rețineți că clasa .text-whiteși .text-mutednu are un stil suplimentar de link în afara sublinierii.
Similar cu clasele de culoare a textului contextual, setați cu ușurință fundalul unui element la orice clasă contextuală. Componentele de ancorare se vor întuneca la trecerea cu mouse-ul, la fel ca și clasele de text. Utilitarele de fundal nu sunt setatecolor , așa că în unele cazuri veți dori să utilizați .text-*utilitare.
.bg-primar
.bg-secundar
.bg-succes
.bg-pericol
.bg-avertisment
.bg-info
.bg-lumină
.bg-întuneric
.bg-alb
.bg-transparent
Gradient de fundal
Când $enable-gradientseste setat la true, veți putea folosi .bg-gradient-clase de utilitate. În mod implicit, $enable-gradientseste dezactivat și exemplul de mai jos este întrerupt în mod intenționat. Acest lucru se face pentru o personalizare mai ușoară din momentul în care începeți să utilizați Bootstrap. Aflați despre opțiunile noastre Sass pentru a activa aceste cursuri și multe altele.
.bg-gradient-primar
.bg-gradient-secundar
.bg-gradient-succes
.bg-gradient-pericol
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-lumina
.bg-gradient-întuneric
Confruntarea cu specificul
Uneori, clasele contextuale nu pot fi aplicate din cauza specificului altui selector. În unele cazuri, o soluție suficientă este să împachetați conținutul elementului într-o <div>clasă.
Transmiterea sensului tehnologiilor de asistență
Folosirea culorii pentru a adăuga semnificație oferă doar o indicație vizuală, care nu va fi transmisă utilizatorilor de tehnologii de asistență, cum ar fi cititoarele de ecran. Asigurați-vă că informațiile indicate de culoare sunt fie evidente din conținutul în sine (de exemplu, textul vizibil), fie sunt incluse prin mijloace alternative, cum ar fi textul suplimentar ascuns cu .sr-onlyclasa.