Source

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.

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.

.bg-primary
.bg-secondary
.bg-fahombiazana
.bg-doza
.bg-fampitandremana
.bg-info
.bg-hazavana
.bg-maizina
.bg-fotsy
.bg-mangarahara
<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-gradientsnapetraka ho marina dia afaka mampiasa .bg-gradient-kilasin'ny utility ianao. Amin'ny alàlan'ny default, $enable-gradientsdia kilemaina ary ny ohatra etsy ambany dia niniana tapaka. Izany dia natao ho an'ny fanamboarana mora kokoa manomboka amin'ny fotoana nanombohanao mampiasa Bootstrap. 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-fampitandremana
.bg-gradient-info
.bg-gradient-light
.bg-gradient-maizina
<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>

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.