Source

Mawu

Zolemba ndi zitsanzo zamalemba omwe amagwiritsidwa ntchito kuti aziwongolera kulumikizana, kukulunga, kulemera, ndi zina zambiri.

Kuyanjanitsa mawu

Sinthani mawu mosavuta ku zigawo zokhala ndi makalasi oyika mawu.

Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicum purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. Pambuyo pa posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae mu diem certam indicere. Cras mattis iudicum purus sit amet 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>

Pamayendedwe akumanzere, kumanja, ndi pakati, makalasi omvera amapezeka omwe amagwiritsa ntchito malo omwe ali m'lifupi mwake ngati gululi.

Mawu olowera kumanzere pamasaizi onse owonera.

Mawu olumikizidwa pakati pamasaizi onse owonera.

Mawu olowera kumanja pamiyeso yonse yowonera.

Mawu olowera kumanzere pamawonekedwe a SM (yaing'ono) kapena kupitilira apo.

Mawu olowera kumanzere pazowonera MD (zapakatikati) kapena kupitilira apo.

Zolowera kumanzere pazowonera za LG (zazikulu) kapena zokulirapo.

Mawu olowera kumanzere pamawonekedwe a XL (yakukulirapo) kapena kupitilira apo.

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

Kukulunga malemba ndi kusefukira

Pewani zolemba kuti zisamangidwe ndi .text-nowrapkalasi.

Lembali liyenera kusefukira kwa kholo.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Kuti mumve zambiri, mutha kuwonjezera .text-truncatekalasi kuti muchepetse mawuwo ndi ellipsis. Amafuna display: inline-blockkapena display: block.

Praeterea iter est quasdam res quas ex communi.
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>

Kusintha mawu

Sinthani mawu kukhala zigawo ndi makalasi a zilembo zazikulu.

Mawu ocheperako.

Mawu apamwamba.

CapiTaliZed zolemba.

<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>

Onani momwe text-capitalizeamasinthira chilembo choyamba cha liwu lililonse, kusiya chilembo chilichonse chosakhudzidwa.

Kulemera kwa zilembo ndi zilembo

Sinthani mwachangu kulemera (kulimba mtima) kwa mawu kapena mawu opendekeka.

Mawu olimba mtima.

Zolemetsa zachibadwa.

Zolemba zolemera zopepuka.

Mawu opendekeka.

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

Monospace

Sinthani masanjidwe kukhala masanjidwe athu amtundu wa monospace ndi .text-monospace.

Izi zili mu monospace

<p class="text-monospace">This is in monospace</p>