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-wrap
kalasi.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Pewani zolemba kuti zisamangidwe ndi .text-nowrap
kalasi.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
This text should overflow the parent.
</div>
Kuti mumve zambiri, mutha kuwonjezera .text-truncate
kalasi kuti muchepetse mawuwo ndi ellipsis. Amafuna display: inline-block
kapena 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>
Kudula mawu
Pewani zolemba zazitali kuti zisaphwanye masanjidwe a zigawo zanu pogwiritsa ntchito .text-break
kukhazikitsa overflow-wrap: break-word
(komanso word-break: break-word
kuyanjana 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-capitalize
amasinthira 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.
Mawu olemetsa kwambiri (ogwirizana ndi gawo la 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-none
kalasi.
<a href="#" class="text-decoration-none">Non-underlined link</a>