värit
Välitä merkitys värien avulla kourallisen värien käyttöluokkien avulla. Sisältää myös tuen linkkien muotoilulle leijutustiloissa.
Käsittelee spesifisyyttä
Joskus kontekstuaalisia luokkia ei voida käyttää toisen valitsimen spesifisyyden vuoksi. Joissakin tapauksissa riittävä kiertotapa on kääriä elementin sisältö <div>
luokkaan.
Tarkoituksen välittäminen avustaville tekniikoille
Värien käyttö merkityksen lisäämiseen antaa vain visuaalisen osoituksen, jota ei välitetä avustavien tekniikoiden, kuten näytönlukijoiden, käyttäjille. Varmista, että värillä merkitty tieto näkyy joko itsestään sisällöstä (esim. näkyvä teksti) tai sisällytetään vaihtoehtoisin keinoin, kuten .sr-only
luokan mukana piilotettu lisäteksti.
Väri
.text-primary
.teksti-toissijainen
.teksti-menestys
.teksti-vaara
.text-warning
.text-info
.text-light
.text-dark
.text-body
.text-muted
.text-white
.text-black-50
.text-white-50
Kontekstikohtaiset tekstiluokat toimivat hyvin myös ankkureissa, joissa on hover- ja fokusointitilat. Huomaa, että .text-white
ja .text-muted
luokassa ei ole ylimääräistä linkkien tyyliä alleviivauksen lisäksi.
Taustaväri
Kuten kontekstuaaliset tekstin väriluokat, voit helposti asettaa elementin taustan mihin tahansa kontekstuaaliseen luokkaan. Ankkurikomponentit tummenevat leijuttaessa, aivan kuten tekstiluokat. Taustaapuohjelmia ei ole asetettucolor
, joten joissain tapauksissa kannattaa käyttää .text-*
apuohjelmia.
Taustan gradientti
Kun $enable-gradients
on asetettu arvoon true
(oletus on false
), voit käyttää .bg-gradient-
hyödyllisyysluokkia. Tutustu Sass-vaihtoehtoihimme , joiden avulla voit ottaa nämä luokat käyttöön ja paljon muuta.
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark