Source

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.

Ambitioni dedisse xitsalwana xa xitsonga. Cras mattis iudicium purus yitshama eka fermentum. Donec sed odio operae, xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga xitsonga. Praeterea iter est quasdam ya xiyimo xa le henhla. Eka nos hinc posthac, xitsongwatsongwana xa Afros. Petierunt uti sibi concilium totius Galliae eka xifaniso xa xirhendzevutani xa xirhendzevutani. Cras mattis iudicium purus yitshama eka 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>

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

Tsalwa leri ri fanele ku phutsela.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

Sivela tsalwa ku phutsela hi .text-nowraptlilasi.

Tsalwa leri ri fanele ku tala mutswari.
<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-truncatetlilasi ku tsema tsalwa hi ellipsis. Swi lava display: inline-blockkumbe display: block.

Praeterea iter est quasdam ya xiyimo xa le henhla.
Praeterea iter est quasdam ya xiyimo xa le henhla.
<!-- 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 tshova xivumbeko xa swiphemu swa wena hi ku tirhisa .text-breakku veka overflow-wrap: break-word(na word-break: break-wordku fambisana ka IE & Edge).

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-capitalizeyi 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-nonetlilasi.

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