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

.text-white

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

Miasa tsara amin'ny vatofantsika miaraka amin'ny toetry ny hover sy fifantohana nomena ihany koa ny kilasy lahatsoratra momba ny toe-javatra. Mariho fa tsy misy styling rohy ny .text-whiteand class..text-muted

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

gradient ambadika

Rehefa $enable-gradientsapetraka 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 safidy Sass mba ahafahan'ireo kilasy ireo 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 famenoana ny votoatin'ny singanao <div>amin'ny kilasy.

Fampitaovana ny dikan'ny teknôlôjia manampy

Ny fampiasana loko hanampiana dikany dia manome famantarana hita maso ihany, izay tsy hampitaina amin'ireo mpampiasa 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.