Mitundu

Fotokozerani tanthauzo kudzera mumitundu ndi magulu angapo amitundu. Ikuphatikizanso chithandizo cha masitayelo maulalo okhala ndi ma hover states, nawonso.

Kuchita ndi tsatanetsatane

Nthawi zina makalasi apakatikati sangathe kugwiritsidwa ntchito chifukwa cha kusankhidwa kwamtundu wina. Nthawi zina, njira yokwanira ndiyo kukulunga zomwe zili muzinthu zanu <div>ndi kalasi.

Kupereka tanthauzo ku matekinoloje othandizira

Kugwiritsa ntchito utoto kuti muwonjezere tanthauzo kumangopereka chithunzithunzi, chomwe sichidzaperekedwa kwa ogwiritsa ntchito matekinoloje othandizira - monga owerenga pazenera. Onetsetsani kuti zomwe zatchulidwa ndi mtunduwo zikuwonekera kuchokera pazomwe zili (monga zolemba zowonekera), kapena zikuphatikizidwa ndi njira zina, monga zolemba zina zobisika ndi .sr-onlykalasi.

Mtundu

.zolemba-zoyambirira

.text-sekondale

.malemba-kupambana

.malemba-ngozi

.chenjezo lalemba

.zolemba-zolemba

.mawu-kuwala

.zolemba-zakuda

.malemba-thupi

.zolemba-zotsekedwa

.zolemba-zoyera

.malemba-wakuda-50

.zolemba-zoyera-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>

Makalasi a zolemba zamakanema amagwiranso ntchito bwino pama nangula okhala ndi ma hover operekedwa komanso malo owunikira. Dziwani kuti the .text-whiteand .text-mutedclass alibe maulalo owonjezera amakongolero kupitilira mzere.

Chiyanjano choyambirira

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

Mtundu wakumbuyo

Mofanana ndi makalasi amtundu wa zolemba, ikani mosavuta maziko a chinthu ku kalasi iliyonse. Zida za nangula zidzadetsedwa pa hover, monga makalasi amawu. Zothandizira zakumbuyo sizimakhazikitsidwacolor , chifukwa chake nthawi zina mumafuna kugwiritsa ntchito zida .text-*.

.bg-choyambirira

.bg-yachiwiri

.bg-kupambana

.bg-ngozi

.bg-chenjezo

.bg-zidziwitso

.bg-kuwala

.bg-kuda

.bg-yoyera

.bg-transparent

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

Mbiri yakumbuyo

Zikakhazikitsidwa (zosakhazikika ) mutha kugwiritsa $enable-gradientsntchito makalasi othandizira. Phunzirani za zosankha zathu za Sass kuti mutsegule makalasi awa ndi zina zambiri.truefalse.bg-gradient-

.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark