Source

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.

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-*.

.bg-sereke
.bg-duyemîn
.bg-serkeftin
.bg-xeter
.bg-hişyarî
.bg-info
.bg-ronahî
.bg-tarî
.bg-spî
.bg-şefaf
<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 rast were danîn, hûn ê bikaribin .bg-gradient-dersên karûbar bikar bînin. Ji hêla xwerû ve, $enable-gradientsneçalak e û mînaka jêrîn bi qestî şikestî ye. Ji gava ku hûn dest bi karanîna Bootstrap-ê dikin ev ji bo xwerûkirina hêsantir tê kirin. Li ser vebijarkên me yên Sass fêr bibin ku van dersan û bêtir çalak bikin.

.bg-gradient-sereke
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-ronahî
.bg-gradient-tarî
<div class="p-3 mb-2 bg-gradient-primary text-white">.bg-gradient-primary</div>
<div class="p-3 mb-2 bg-gradient-secondary text-white">.bg-gradient-secondary</div>
<div class="p-3 mb-2 bg-gradient-success text-white">.bg-gradient-success</div>
<div class="p-3 mb-2 bg-gradient-danger text-white">.bg-gradient-danger</div>
<div class="p-3 mb-2 bg-gradient-warning text-dark">.bg-gradient-warning</div>
<div class="p-3 mb-2 bg-gradient-info text-white">.bg-gradient-info</div>
<div class="p-3 mb-2 bg-gradient-light text-dark">.bg-gradient-light</div>
<div class="p-3 mb-2 bg-gradient-dark text-white">.bg-gradient-dark</div>

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.