Mitundu
Fotokozerani tanthauzo kudzera mumitundu ndi magulu angapo amitundu. Ikuphatikizanso chithandizo chamakongoletsedwe 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 am'mawu a Contextual amagwiranso ntchito bwino pama nangula okhala ndi ma hover omwe aperekedwa komanso malo olunjika. Dziwani kuti the .text-whiteand .text-mutedclass alibe maulalo owonjezera amakongoletsedwe kupitilira mzere.
<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-*.
<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