Lanu
Fa'ailoa atu uiga e ala ile lanu ma nai vasega fa'aoga lanu. E aofia ai le lagolago mo le fa'avasegaina o feso'ota'iga ma tulaga fa'afefe, fo'i.
.text-primary
.text-secondary
.manuia-manuia
.tulaga-tulaga
.text-lapataiga
.text-info
.text-light
.text-pouliuli
.text-muted
.text-pa'epa'e
<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>
E lelei fo'i vasega o tusitusiga i luga o taula fa'atasi ai ma tulaga fa'apipi'i ma fa'atonu. Manatua o le .text-white
ma .text-muted
le vasega e leai se fa'asologa o so'oga.
<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>
E tutusa ma vasega lanu o tusitusiga, faigofie ona seti le talaaga o se elemene i soʻo se vasega faʻamatalaga. O vaega taula o le a pogisa i luga o le faʻafefe, pei o vasega tusitusiga. E le seticolor
mea aoga i tua , o lea i nisi tulaga e te manaʻo e faʻaoga .text-*
mea aoga.
<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>
A $enable-gradients
seti i le moni, e mafai ona e faʻaogaina .bg-gradient-
vasega aoga. Ona o le faaletonu, $enable-gradients
ua le atoatoa ma le faataitaiga o loo i lalo ua motusia ma le loto i ai. E faia lenei mea mo le faʻafaigofieina faʻapitoa mai le taimi na e amata faʻaaoga ai Bootstrap. A'oa'o e uiga i a matou filifiliga Sass e mafai ai nei vasega ma isi mea.
<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>
Fefaʻatauaʻiga faʻapitoa
O nisi taimi e le mafai ona fa'aogaina vasega fa'apitoa ona o le fa'apitoa o le isi tagata filifilia. I nisi tulaga, o se fofo talafeagai o le afifiina o mea o loʻo i totonu o lau elemene i le a <div>
ma le vasega.
Tu'uina atu le uiga i tekinolosi fesoasoani
O le fa'aogaina o le lanu e fa'aopoopo ai le uiga e na'o se fa'aaliga va'aia, e le fa'ailoa atu i tagata fa'aoga o tekonolosi fesoasoani - e pei o le au faitau mata. Ia fa'amautinoa o fa'amatalaga o lo'o fa'ailogaina i le lanu e manino mai le anotusi lava ia (fa'ata'ita'iga o tusitusiga va'aia), pe fa'aofi mai i isi auala, e pei o tusitusiga fa'aopoopo natia i le .sr-only
vasega.