in English

Umbhalo

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

Ukuqondanisa umbhalo

Hlela kabusha umbhalo kalula ube izingxenye ezinamakilasi okuqondanisa umbhalo.

Omunye umbhalo wesimeli ukukhombisa ukuqondana kombhalo okulungile. Ungenzela okufanayo na? Sekuyisikhathi sokubhekana nomculo angiseyona inyuziyamu yakho. Uzwile ukuthi kuhle, yiba yijaji futhi amantombazane ami azovota. Ngizwa i-phoenix ngaphakathi kimi. Izulu linomona ngothando lwethu, izingelosi ziyakhala phezulu. Yebo, ungiyisa e-utopia.

<p class="text-justify">Some placeholder text to demonstrate justified text alignment. Will you do the same for me? It's time to face the music I'm no longer your muse. Heard it's beautiful, be the judge and my girls gonna take a vote. I can feel a phoenix inside of me. Heaven is jealous of our love, angels are crying from up above. Yeah, you take me to utopia.</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 iyunithi yezinhlamvu ezinde zombhalo ekuphuleni isakhiwo sezingxenye zakho ngokusebenzisa .text-breakukusetha word-wrap: break-wordkanye word-break: break-word. Sisebenzisa word-wrapesikhundleni sokuvame kakhulu overflow-wrapukwesekwa kwesiphequluli esibanzi, futhi sengeza okuhoxisiwe word-break: break-wordukuze sigweme izinkinga ngeziqukathi eziguquguqukayo.

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>