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-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 iyunithi yezinhlamvu ezinde zombhalo ekuphuleni isakhiwo sezingxenye zakho ngokusebenzisa .text-break
ukusetha word-wrap: break-word
kanye word-break: break-word
. Sisebenzisa word-wrap
esikhundleni sokuvame kakhulu overflow-wrap
ukwesekwa kwesiphequluli esibanzi, futhi sengeza okuhoxisiwe word-break: break-word
ukuze 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-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>