Prenesite pomen z barvo s peščico barvnih uporabnih razredov. Vključuje tudi podporo za oblikovanje povezav s stanji lebdenja.
barva
.text-primary
.besedilo-sekundarno
.besedilo-uspeh
.besedilo-nevarnost
.besedilno opozorilo
.text-info
.text-light
.besedilo-temno
.telo besedila
.besedilo utišano
.besedilo-belo
.besedilo-črna-50
.besedilo-belo-50
Kontekstualni besedilni razredi dobro delujejo tudi na sidrih s ponujenim stanjem lebdenja in fokusa. Upoštevajte, da razred .text-whitein .text-mutednima dodatnega sloga povezave poleg podčrtanega.
Podobno kot pri kontekstualnih barvnih razredih besedila lahko preprosto nastavite ozadje elementa na kateri koli kontekstualni razred. Sidrne komponente bodo ob lebdenju potemnile, tako kot besedilni razredi. Pripomočki v ozadju se ne nastavijocolor , zato boste v nekaterih primerih želeli uporabiti .text-*pripomočke.
.bg-primarni
.bg-sekundarni
.bg-uspeh
.bg-nevarnost
.bg-opozorilo
.bg-info
.bg-svetloba
.bg-temno
.bg-bela
.bg-prozoren
Gradient ozadja
Ko $enable-gradientsje nastavljeno na true, boste lahko uporabljali .bg-gradient-razrede pripomočkov. Privzeto $enable-gradientsje onemogočeno in spodnji primer je namerno pokvarjen. To je narejeno za lažjo prilagoditev od trenutka, ko začnete uporabljati Bootstrap. Preberite več o naših možnostih Sass za omogočanje teh razredov in več.
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-nevarnost
.bg-gradient-opozorilo
.bg-gradient-info
.bg-gradient-light
.bg-gradient-temno
Ukvarjanje s specifičnostjo
Včasih kontekstnih razredov ni mogoče uporabiti zaradi specifičnosti drugega izbirnika. V nekaterih primerih je zadostna rešitev, da vsebino elementa zavijete v a <div>z razredom.
Prenos pomena za podporne tehnologije
Uporaba barve za dodajanje pomena zagotavlja le vizualno indikacijo, ki ne bo posredovana uporabnikom podpornih tehnologij – kot so bralniki zaslona. Zagotovite, da so informacije, označene z barvo, očitne iz same vsebine (npr. vidno besedilo) ali pa so vključene z alternativnimi sredstvi, kot je dodatno besedilo, skrito z .sr-onlyrazredom.