Tsalwa
Matsalwa na swikombiso swa switirhisiwa swa matsalwa leswi tolovelekeke ku lawula ku ringanisa, ku phutsela, ntiko, na swin’wana.
Ku ringanisa matsalwa
Hi ku olova hlela nakambe tsalwa eka swiphemu leswi nga na titlilasi ta ku ringanisa matsalwa.
Tsalwa rin’wana ra xikhomela-ndhawu ku kombisa ku ringanisiwa ka tsalwa loku faneleke. Xana u ta ndzi endlela leswi fanaka? I nkarhi wo langutana na vunanga a ndza ha ri muse wa wena. Twile swi sasekile, va muavanyisi na vanhwanyana va mina va ta teka vhoti. Ndzi twa phoenix endzeni ka mina. Tilo ri na mavondzo hi rirhandzu ra hina, tintsumi ti rila ti huma ehenhla. Yeah, u ndzi yisa 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>
Eka ku ringanisa ka ximatsi, exineneni, na le xikarhi, titlilasi leti hlamulaka ta kumeka leti tirhisaka swiphemu swo hambana swa ku anama ka xivono tanihi sisiteme ya giridi.
Tsalwa leri ringanisiweke hi ximatsi eka tisayizi hinkwato ta xivono.
Tsalwa leri ringanisiweke exikarhi eka tisayizi hinkwato ta xivono.
Tsalwa leri ringanisiweke hi xinene eka tisayizi hinkwato ta xivono.
Tsalwa leri ringanisiweke hi ximatsi eka swivono leswi nga ni sayizi ya SM (leswitsongo) kumbe ku tlula.
Tsalwa leri ringanisiweke hi ximatsi eka swivono leswi nga ni sayizi ya MD (ya le xikarhi) kumbe ku tlula.
Tsalwa leri ringanisiweke hi tlhelo ra ximatsi eka swivono leswi nga ni sayizi ya LG (leyikulu) kumbe ku tlula.
Tsalwa leri ringanisiweke hi ximatsi eka swivono leswi nga ni sayizi ya XL (leyikulu swinene) kumbe ku tlula.
<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>
Ku phutsela matsalwa na ku tala
Pfuxeta tsalwa hi .text-wrap
tlilasi.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Sivela tsalwa ku phutsela hi .text-nowrap
tlilasi.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
This text should overflow the parent.
</div>
Ku kuma nhundzu yo leha, u nga engetela .text-truncate
tlilasi ku tsema tsalwa hi ellipsis. Swi lava display: inline-block
kumbe 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>
Ku tshoveka ka rito
Sivela tintambhu to leha ta matsalwa ku tshoveka xivumbeko xa swiphemu swa wena hi ku tirhisa .text-break
ku veka word-wrap: break-word
na word-break: break-word
. Hi tirhisa word-wrap
ematshan’wini ya leswi tolovelekeke ngopfu overflow-wrap
eka nseketelo wo anama wa browser, naswona hi engetela leswi nga ha tirhisiwiki word-break: break-word
ku papalata timhaka ta swikhomela-ndhawu swa flex.
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
Ku hundzula tsalwa
Hundzuluxa tsalwa eka swiphemu leswi nga na titlilasi ta ku tsala hi maletere lamakulu.
Tsalwa leri nga ni maletere lamatsongo.
Tsalwa lerikulu.
Tsalwa leri endliweke hi CapiTaliZed.
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>
Xiya ndlela leyi .text-capitalize
yi cincaka ntsena letere ro sungula ra rito rin’wana ni rin’wana ha yona, yi siya mhaka ya maletere man’wana wahi na wahi yi nga khumbekanga.
Ndzilo wa fonto na matsalelo yo olova
Hi ku hatlisa cinca ntiko (boldness) ya tsalwa kutani u tsala hi italic.
Tsalwa leri nga ni ntima.
Tsalwa ra ntiko wo tiya (ku pimanisiwa na elemente ya mutswari).
Tsalwa ra ntiko wa ntolovelo.
Tsalwa ro olova.
Tsalwa ra ntiko wo vevuka (loko ri pimanisiwa na xiaki xa mutswari).
Tsalwa leri tsariweke hi ku olova.
<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>
Xivandla xin’we
Cinca nhlawulo eka xithaki xa hina xa fonto ya monospace hi .text-monospace
.
Leswi swi le ka ndhawu yin’we
<p class="text-monospace">This is in monospace</p>
Seta muvala nakambe
Seta muvala wa tsalwa kumbe wa xihlanganisi nakambe hi .text-reset
, leswaku wu kuma ndzhaka ya muvala eka mutswari wa wona.
Tsalwa leri pfalekeke hi xihlanganisi xo tlherisela endzhaku .
<p class="text-muted">
Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>
Ku khavisa tsalwa
Susa ku khavisa ka tsalwa hi .text-decoration-none
tlilasi.
<a href="#" class="text-decoration-none">Non-underlined link</a>