Ihatid ang kahulugan sa pamamagitan ng kulay na may ilang mga klase ng utility ng kulay. Kasama rin ang suporta para sa pag-istilo ng mga link na may mga estado ng hover.
Kulay
.teksto-pangunahin
.teksto-pangalawang
.text-tagumpay
.text-panganib
.text-warning
.text-info
.text-light
.text-madilim
.text-body
.text-muted
.text-white
.text-black-50
.text-white-50
Gumagana rin nang maayos ang mga klase ng teksto sa konteksto sa mga anchor na may ibinigay na hover at focus states. Tandaan na ang .text-whiteat .text-mutedclass ay walang karagdagang pag-istilo ng link na lampas sa salungguhit.
Katulad ng mga klase ng kulay ng teksto sa konteksto, madaling itakda ang background ng isang elemento sa anumang klase sa konteksto. Ang mga bahagi ng anchor ay magdidilim sa pag-hover, tulad ng mga klase ng teksto. Hindi nakatakda angcolor mga utility sa background , kaya sa ilang mga kaso gugustuhin mong gumamit ng mga .text-*utility.
.bg-pangunahin
.bg-pangalawang
.bg-tagumpay
.bg-panganib
.bg-babala
.bg-info
.bg-liwanag
.bg-madilim
.bg-puti
.bg-transparent
Gradient ng background
Kapag $enable-gradientsnakatakda sa true, magagamit mo ang .bg-gradient-mga utility class. Bilang default, $enable-gradientsay hindi pinagana at ang halimbawa sa ibaba ay sinadyang sirain. Ginagawa ito para sa mas madaling pag-customize mula sa sandaling simulan mong gamitin ang Bootstrap. Matuto tungkol sa aming mga opsyon sa Sass para paganahin ang mga klase na ito at higit pa.
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark
Pagharap sa pagtitiyak
Minsan hindi mailalapat ang mga contextual class dahil sa pagiging tiyak ng isa pang selector. Sa ilang mga kaso, ang isang sapat na solusyon ay ang pagbalot ng nilalaman ng iyong elemento sa isang <div>gamit ang klase.
Naghahatid ng kahulugan sa mga pantulong na teknolohiya
Ang paggamit ng kulay upang magdagdag ng kahulugan ay nagbibigay lamang ng visual na indikasyon, na hindi ibibigay sa mga gumagamit ng mga pantulong na teknolohiya - tulad ng mga screen reader. Siguraduhin na ang impormasyong tinutukoy ng kulay ay maaaring halata mula sa nilalaman mismo (hal. ang nakikitang teksto), o kasama sa pamamagitan ng mga alternatibong paraan, tulad ng karagdagang tekstong nakatago sa .sr-onlyklase.