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.
Mawu ena ogwirizira malo kuti awonetse kulondola kwa mawu. Kodi inunso mundichitire ine zomwezo? Yakwana nthawi yoti muyang'ane ndi nyimbo kuti sindinenso nyumba yanu yosungiramo zinthu zakale. Ndamva kuti ndizokongola, khalani woweruza ndipo atsikana anga adzavote. Ndikhoza kumva phoenix mkati mwanga. Kumwamba kumachita nsanje ndi chikondi chathu, angelo akulira kuchokera kumwamba. Eya, mumanditengera ku utopia.
<p class="text-justify">Some placeholder text to demonstrate justified text alignment. Will you do the same for me? It's time to face the music I'm no longer your muse. Heard it's beautiful, be the judge and my girls gonna take a vote. I can feel a phoenix inside of me. Heaven is jealous of our love, angels are crying from up above. Yeah, you take me to utopia.</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 mawu amtundu wautali kuti asaphwanye masanjidwe a zigawo zanu pogwiritsa ntchito .text-break
kukhazikitsa word-wrap: break-word
ndi word-break: break-word
. Timagwiritsa ntchito word-wrap
m'malo mwazofala overflow-wrap
kwambiri pothandizira asakatuli ambiri, ndikuwonjezera zomwe zatsitsidwa word-break: break-word
kuti tipewe zovuta ndi zotengera zosinthika.
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>