Umbhalo
Amadokhumenti nezibonelo zezinsiza zombhalo ezivamile ukuze ulawule ukuqondanisa, ukugoqa, isisindo, nokuningi.
Ukuqondanisa umbhalo
Hlela kabusha umbhalo kalula ube izingxenye ezinamakilasi okuqondanisa umbhalo.
Ambitioni dedisse scripsisse iudicaretur. I-Cras mattis iudicum purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. I-Praeterea iter est quasdam res quas ex communi. Ku-nos hinc posthac, i-sitientis piros Afros. I-Petierunt uti sibi concilium totius Galliae in diem certam indicere. I-Cras mattis iudicum purus sit amet fermentum.
<p class="text-justify">Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</p>
Ekuqondaniseni kwesokunxele, kwesokudla, namaphakathi, amakilasi asabelayo ayatholakala asebenzisa amaphoyinti okunqamula ububanzi bembobo yokubuka efanayo nesistimu yegridi.
Umbhalo oqondaniswe kwesokunxele kubo bonke osayizi bembobo yokubuka.
Umbhalo oqondaniswe namaphakathi kubo bonke osayizi bembobo yokubuka.
Umbhalo oqondaniswe kwesokudla kubo bonke osayizi bembobo yokubuka.
Umbhalo oqondaniswe kwesokunxele kuzimbobo zokubuka ezinosayizi ongu-SM (oncane) noma obanzi.
Umbhalo oqondaniswe kwesokunxele kuzimbobo zokubuka ezinosayizi ongu-MD (omaphakathi) noma obanzi.
Umbhalo oqondaniswe kwesokunxele kuzimbobo zokubuka ezinosayizi we-LG (enkulu) noma ebanzi.
Umbhalo oqondaniswe kwesokunxele kuzimbobo zokubuka ezinosayizi we-XL (omkhulu kakhulu) noma obanzi.
<p class="text-left">Left aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-right">Right aligned text on all viewport sizes.</p>
<p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>
Ukugoqwa kombhalo nokuchichima
Goqa umbhalo .text-wrap
ngeklasi.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Vimbela umbhalo kusukela ekugoqweni .text-nowrap
ngeklasi.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
This text should overflow the parent.
</div>
Ukuze uthole okuqukethwe okude, ungakwazi ukwengeza .text-truncate
iklasi ukuze unciphise umbhalo nge-ellipsis. Idinga display: inline-block
noma display: block
.
<!-- Block level -->
<div class="row">
<div class="col-2 text-truncate">
Praeterea iter est quasdam res quas ex communi.
</div>
</div>
<!-- Inline level -->
<span class="d-inline-block text-truncate" style="max-width: 150px;">
Praeterea iter est quasdam res quas ex communi.
</span>
Ukuhlukana kwamagama
Vimbela amayunithi ezinhlamvu amade ombhalo ukuthi angaphuli isakhiwo sezingxenye zakho ngokusebenzisa .text-break
ukusetha overflow-wrap: break-word
(kanye nokuhambisana word-break: break-word
kwe-IE ne-Edge).
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
Ukuguqulwa kombhalo
Guqula umbhalo ube izingxenye ngamakilasi osonhlamvukazi bombhalo.
Umbhalo onezinhlamvu eziphansi.
Umbhalo onezinhlamvu ezinkulu.
Umbhalo we-CapiTaliZed.
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>
Qaphela ukuthi .text-capitalize
lushintsha kanjani kuphela uhlamvu lokuqala lwegama ngalinye, kushiye uhlamvu lwanoma yiziphi ezinye izinhlamvu lungathinteki.
Isisindo sefonti namalukeke
Shintsha ngokushesha isisindo (isibindi) sombhalo noma umbhalo omalukeke.
Umbhalo ogqamile.
Umbhalo wesisindo esigqamile (okuhlobene nento engumzali).
Umbhalo wesisindo esijwayelekile.
Umbhalo wesisindo esilula.
Umbhalo wesisindo esilula (uhlobene nento engumzali).
Umbhalo we-ithalikhi.
<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-bolder">Bolder weight text (relative to the parent element).</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>
<p class="font-weight-lighter">Lighter weight text (relative to the parent element).</p>
<p class="font-italic">Italic text.</p>
I-Monospace
Shintsha okukhethiwe kusitaki sethu sefonti ye-monospace nge- .text-monospace
.
Lokhu ku-monospace
<p class="text-monospace">This is in monospace</p>
Setha kabusha umbala
Setha kabusha umbala wombhalo noma wesixhumanisi ngokuthi .text-reset
, ukuze uthole umbala kumzali wawo.
Umbhalo uthulisiwe ngesixhumanisi sokusetha kabusha .
<p class="text-muted">
Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>
Umhlobiso wombhalo
Susa umhlobiso wombhalo .text-decoration-none
ngeklasi.
<a href="#" class="text-decoration-none">Non-underlined link</a>