Source

Colors

Bi çend dersên karanîna rengan re wateyê bi rengan 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 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

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 - wek xwendevanên ekranê. Piştrast bikin ku agahdariya ku bi reng tê destnîşan kirin an ji naverokê bixwe diyar e (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.