Source

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

Lo mbhalo kufanele usonge.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

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>

Ukuhlukana kwamagama

Vimbela amayunithi ezinhlamvu amade ombhalo ukuthi angaphuli isakhiwo sezingxenye zakho ngokusebenzisa .text-breakukusetha overflow-wrap: break-word(kanye nokuhambisana word-break: break-wordkwe-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-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 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-nonengeklasi.

<a href="#" class="text-decoration-none">Non-underlined link</a>