Source

Umbhalo

Amadokhumenti nezibonelo zezinsiza zombhalo ezivamile ukuze ulawule ukuqondanisa, ukugoqa, isisindo, nokuningi.

Ukuqondanisa umbhalo

Hlela kabusha umbhalo kalula ube izingxenye ngezigaba zokuqondanisa 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

Vimbela umbhalo kusukela ekugoqweni .text-nowrapngeklasi.

Lo mbhalo kufanele ugcwale umzali.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Ukuze uthole okuqukethwe okude, ungakwazi ukwengeza .text-truncateiklasi ukuze unciphise umbhalo nge-ellipsis. Idinga display: inline-blocknoma display: block.

I-Praeterea iter est quasdam res quas ex communi.
I-Praeterea iter est quasdam res quas ex communi.
<!-- 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>

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-capitalizelushintsha 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 esijwayelekile.

Umbhalo wesisindo esilula.

Umbhalo we-ithalikhi.

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</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>