loko
Ampitahao ny dikany amin'ny alàlan'ny loko miaraka amin'ny kilasy fampiasa miloko vitsivitsy. Ahitana fanohanana ho an'ny rohy styling miaraka amin'ny fanjakana hover ihany koa.
Fikarakarana manokana
Indraindray ny kilasy contextual dia tsy azo ampiharina noho ny fahasamihafan'ny mpifidy hafa. Amin'ny toe-javatra sasany, ny vahaolana ampy dia ny fametahana ny votoatin'ny singanao <div>amin'ny kilasy.
Fampitaovana ny dikan'ny teknôlôjia manampy
Ny fampiasana loko mba hanampiana dikany dia manome famantarana hita maso ihany, izay tsy hampitaina amin'ireo mpampiasa ny teknolojia manampy - toy ny mpamaky efijery. Ataovy azo antoka fa ny fampahalalana voatondro amin'ny loko dia na miharihary amin'ny atiny (ohatra ny lahatsoratra hita maso), na ampidirina amin'ny fomba hafa, toy ny lahatsoratra fanampiny miafina miaraka amin'ny .sr-onlykilasy.
loko
.text-primary
.text-secondary
.text-fahombiazana
.text-loza
.fampitandremana an-tsoratra
.text-info
.text-light
.text-maizina
.text-body
.text-muted
.text-white
.text-black-50
.text-white-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>Miasa tsara amin'ny vatofantsika miaraka amin'ny toetry ny hover sy fifantohana nomena ihany koa ireo kilasy lahatsoratra momba ny toe-javatra. Mariho fa ny .text-whiteand .text-mutedclass dia tsy manana styling rohy fanampiny ankoatra ny tsipitsipika.
<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>Loko ambadika
Mitovitovy amin'ny kilasy lokon'ny lahatsoratra amin'ny teny contextual, apetraho mora foana amin'ny kilasy contextual ny lafin'ny singa iray. Ny singa vatofantsika dia ho maizina amin'ny hover, toy ny kilasy lahatsoratra. Tsy napetrakacolor ny kojakoja fototra , ka amin'ny tranga sasany dia te hampiasa .text-*fitaovana ianao.
<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 ambadika
Rehefa $enable-gradientsapetraka amin'ny true(default dia false), azonao atao ny mampiasa .bg-gradient-kilasy fampiasa. Mianara momba ny safidinay Sass ahafahana manome ireo kilasy sy ny maro hafa.
.bg-gradient-primary.bg-gradient-secondary.bg-gradient-success.bg-gradient-danger.bg-gradient-warning.bg-gradient-info.bg-gradient-light.bg-gradient-dark