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

Sivela tsalwa ku phutsela hi .text-nowraptlilasi.

Tsalwa leri ri fanele ku tala mutswari.
<div class="text-nowrap" 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 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 wa ntolovelo.

Tsalwa ro olova.

Tsalwa leri tsariweke hi ku olova.

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>
<p class="font-italic">Italic text.</p>