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

Manga mawu ndi .text-wrapkalasi.

Lemba ili liyenera kukulunga.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

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>

Kuphwanya mawu

Pewani zolemba zazitali kuti zisaphwanye masanjidwe a zigawo zanu pogwiritsa ntchito .text-breakkukhazikitsa overflow-wrap: break-word(komanso word-break: break-wordkuyanjana kwa IE & Edge).

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>

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 cha zilembo zina zilizonse.

Kulemera kwa zilembo ndi zilembo

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

Mawu olimba mtima.

Mawu olemetsa kwambiri (ogwirizana ndi chinthu cha makolo).

Zolemetsa zachibadwa.

Zolemba zolemera zopepuka.

Zolemetsa zopepuka (zogwirizana ndi chinthu cha makolo).

Mawu opendekeka.

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

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>

Bwezeretsani mtundu

Konzaninso mtundu wa mawu kapena ulalo ndi .text-reset, kuti alandire mtunduwo kuchokera kwa kholo lake.

Mawu osalankhula ndi ulalo wokonzanso .

<p class="text-muted">
  Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>

Kukongoletsa malemba

Chotsani chokongoletsera malemba ndi .text-decoration-nonekalasi.

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