Mga kulay
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.
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-only
klase.
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-white
at .text-muted
class ay walang karagdagang pag-istilo ng link na lampas sa salungguhit.
Kulay ng background
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.
Gradient ng background
Kapag $enable-gradients
nakatakda sa true
(default ay false
), maaari mong gamitin ang .bg-gradient-
mga klase ng utility. 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