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.
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-onlyvasega.
Lanu
.text-primary
.text-secondary
.manuia-manuia
.tulaga-tulaga
.text-lapataiga
.text-info
.text-light
.text-pouliuli
.text-body
.text-muted
.text-pa'epa'e
.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>E lelei fo'i vasega o tusitusiga fa'atatau i taula fa'atasi ai ma tulaga fa'apipi'i ma taula'i. Manatua o le .text-whitema .text-mutedle vasega e leai se fa'aopoopoina so'oga sitaili i tua atu o le vase.
<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>Lanu i tua
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>
<div class="p-3 mb-2 bg-transparent text-dark">.bg-transparent</div>Fa'asao i tua
O le a le taimi $enable-gradientse seti ai i true(default is false), e mafai ona e faʻaogaina .bg-gradient-vasega aoga. A'oa'o e uiga i a matou filifiliga Sass e mafai ai nei vasega ma isi mea.
.bg-gradient-primary.bg-gradient-secondary.bg-gradient-success.bg-gradient-danger.bg-gradient-warning.bg-gradient-info.bg-gradient-light.bg-gradient-dark