Colors
Bi çend dersên bikêrhatî yên rengan re wateyê bi rengê xwe vebigihînin. Piştgiriya ji bo girêdanên şêwazê bi dewletên hover re jî vedihewîne.
Bi taybetmendiyê re mijûl dibin
Carinan ji ber taybetmendiya hilbijarkek din dersên kontekstê nikarin werin sepandin. Di hin rewşan de, çareseriyek têr ev e ku hûn naveroka hêmana xwe di <div>nav polê de bipêçin.
Veguheztina wateya teknolojiyên arîkar
Bikaranîna rengan ji bo zêdekirina wateyê tenê nîşanek dîtbarî peyda dike, ku dê ji bikarhênerên teknolojiyên arîkar re neyê ragihandin - mîna xwendevanên ekranê. Piştrast bikin ku agahdariya ku bi reng têne destnîşan kirin an ji naverokê bi xwe eşkere ye (mînak nivîsa xuyayî), an jî bi rêyên alternatîf ve tê de, wek mînak nivîsa zêde ya ku bi .sr-onlypolê re veşartî ye.
Reng
.text-sereke
.text-secondary
.text-serkeftin
.text-xeter
.text-hişyarî
.text-info
.text-ronahî
.text-tarî
.text-beden
.text-bêdeng kirin
.text-spî
.text-reş-50
.text-spî-50
<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<p class="text-warning">.text-warning</p>
<p class="text-info">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-body">.text-body</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>
<p class="text-black-50">.text-black-50</p>
<p class="text-white-50 bg-dark">.text-white-50</p>Dersên nivîsê yên hevoksaz jî li ser lengerên bi hal û balê têne peyda kirin baş dixebitin. Bala xwe bidinê ku .text-whiteû .text-mutedpola ji binê xêzkirinê wêdetir şêwaza girêdanê tune.
<p><a href="#" class="text-primary">Primary link</a></p>
<p><a href="#" class="text-secondary">Secondary link</a></p>
<p><a href="#" class="text-success">Success link</a></p>
<p><a href="#" class="text-danger">Danger link</a></p>
<p><a href="#" class="text-warning">Warning link</a></p>
<p><a href="#" class="text-info">Info link</a></p>
<p><a href="#" class="text-light bg-dark">Light link</a></p>
<p><a href="#" class="text-dark">Dark link</a></p>
<p><a href="#" class="text-muted">Muted link</a></p>
<p><a href="#" class="text-white bg-dark">White link</a></p>Rengê paşxanê
Mîna çînên rengê nivîsê yên kontekstî, bi hêsanî paşxaneya hêmanekê li her çînek konteksalî bicîh bikin. Dê pêkhateyên ankerê li ser hêlînê tarî bibin, mîna çînên nivîsê. Karûbarên paşîn nayê danîncolor , ji ber vê yekê di hin rewşan de hûn ê bixwazin ku amûran bikar bînin .text-*.
<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
<div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div>
<div class="p-3 mb-2 bg-success text-white">.bg-success</div>
<div class="p-3 mb-2 bg-danger text-white">.bg-danger</div>
<div class="p-3 mb-2 bg-warning text-dark">.bg-warning</div>
<div class="p-3 mb-2 bg-info text-white">.bg-info</div>
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
<div class="p-3 mb-2 bg-transparent text-dark">.bg-transparent</div>gradient Background
Dema $enable-gradientsku li ser true(defall e false), hûn dikarin .bg-gradient-dersên karûbar bikar bînin. Li ser vebijarkên me yên Sass fêr bibin ku van dersan û bêtir çalak bikin.
.bg-gradient-primary.bg-gradient-secondary.bg-gradient-success.bg-gradient-danger.bg-gradient-warning.bg-gradient-info.bg-gradient-light.bg-gradient-dark