Source

Launuka

Isar da ma'ana ta launi tare da ɗimbin azuzuwan amfanin launi. Ya haɗa da goyan baya don salon hanyoyin haɗin gwiwa tare da jahohin masu shaƙatawa, kuma.

Launi

.rubutu-primary

.rubutu-sakandare

.rubutu-nasara

.rubutu-haɗari

.rubutu-gargadi

.rubutu-bayanan

.rubutu-hasken

.rubutu-duhu

.rubutu-rufe

.rubutu-fararen fata

<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-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>

Har ila yau, azuzuwan rubutu na yau da kullun suna aiki da kyau akan anka tare da samar da jujjuyawar da aka bayar da jihohin mayar da hankali. Lura cewa .text-whiteda .text-mutedaji ba shi da salon hanyar haɗin gwiwa.

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

Kalar bango

Mai kama da azuzuwan launi na mahallin, a sauƙaƙe saita bangon wani abu zuwa kowane aji na mahallin. Abubuwan anka za su yi duhu akan shawagi, kamar azuzuwan rubutu. Ba a saitacolor kayan aikin bayan fage , don haka a wasu lokuta kuna son amfani da .text-*abubuwan amfani.

.bg-firamare
.bg-sakandare
.bg-nasara
.bg-haɗari
.bg-gargadi
.bg-bayanai
.bg-haske
.bg-duhu
.bg-fari
<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>

Bayan fage

Lokacin $enable-gradientsda aka saita zuwa gaskiya, zaku iya amfani .bg-gradient-da azuzuwan masu amfani. Ta hanyar tsoho, $enable-gradientsan kashe shi kuma misalin da ke ƙasa ya karye da gangan. Anyi wannan don sauƙaƙe keɓancewa daga lokacin da kuka fara amfani da Bootstrap. Koyi game da zaɓuɓɓukanmu na Sass don kunna waɗannan azuzuwan da ƙari.

.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-nasara
.bg-gradient-haɗari
.bg-gradient-gargadi
.bg-gradient-bayanai
.bg-haske-haske
.bg-gradient-duhu
<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>

Ma'amala da takamaiman

Wasu lokuta ba za a iya amfani da azuzuwan mahallin ba saboda keɓancewar wani zaɓi. A wasu lokuta, isasshiyar mafita ita ce haɗa abun cikin ku a <div>cikin aji.

Isar da ma'ana ga fasahar taimako

Yin amfani da launi don ƙara ma'ana kawai yana ba da alamar gani, wanda ba za a isar da shi ga masu amfani da fasahar taimako ba - kamar masu karanta allo. Tabbatar cewa bayanin da launi ke nunawa ko dai a bayyane yake daga abun cikin kanta (misali rubutun bayyane), ko kuma an haɗa shi ta hanyar madadin, kamar ƙarin rubutu da aka ɓoye tare da .sr-onlyajin.