Nuŋɔɖi
Nuŋlɔɖiwo kple kpɔɖeŋuwo na nuŋɔŋlɔ ƒe dɔwɔnu siwo bɔ be woatsɔ akpɔ nuwo ƒe ɖoɖowɔwɔ, wo babla, woƒe kpekpeme, kple bubuwo dzi.
Nuŋɔŋlɔwo ƒe ɖoɖowɔwɔ ɖe ɖoɖo nu
Gbugbɔ ɖo nuŋɔŋlɔwo ɖe akpa siwo me nuŋɔŋlɔwo ƒe ɖoɖowɔwɔ ƒe klasswo le bɔbɔe.
Teƒe aɖewo ƒe nuŋɔŋlɔwo be woatsɔ aɖe nuŋɔŋlɔ ƒe ɖoɖo si sɔ afia. Ðe nàwɔ nenema ke nam? Ɣeyiɣia de be nàdze ŋgɔ hadzidzi si nyemeganye wò muse o. Se be enya kpɔ, nye ʋɔnudrɔ̃la eye nye nyɔnuviwo axɔ akɔdada. Mete ŋu sea phoenix aɖe le menye. Dziƒo ʋã ŋu míaƒe lɔlɔ̃, mawudɔlawo le avi fam tso dziƒo. Ẽ, èkplɔm yi 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>
Le miame, ɖusime, kple titina ƒe ɖoɖowɔwɔ gome la, ŋuɖoɖo ƒe klasswo li siwo zãa nukpɔkpɔ ƒe kekeme ƒe gbagbãƒe ɖeka ma ke abe grid ɖoɖoa ene.
Nuŋɔŋlɔ si woɖo ɖe miame le nukpɔkpɔ ƒe lolomewo katã dzi.
Nuŋɔŋlɔ si woɖo ɖe titina le nukpɔkpɔ ƒe lolomewo katã dzi.
Nuŋɔŋlɔ si woɖo ɖe ɖoɖo nu le ɖusime le nukpɔkpɔ ƒe lolomewo katã dzi.
Nuŋɔŋlɔ siwo woɖo ɖe ɖoɖo nu le miame le nukpɔkpɔmɔ̃ siwo ƒe lolome nye SM (sue) alo keke wu dzi.
Nuŋɔŋlɔ si woɖo ɖe miame le nukpɔkpɔmɔ̃ siwo ƒe lolome nye MD (medium) alo esi keke wu la dzi.
Nuŋɔŋlɔ siwo woɖo ɖe miame le nukpɔkpɔmɔ̃ siwo ƒe lolome nye LG (lolo) alo esi keke wu dzi.
Nuŋɔŋlɔ siwo woɖo ɖe ɖoɖo nu le miame le nukpɔkpɔmɔ̃ siwo ƒe lolome nye XL (lolo wu) alo esi keke wu la dzi.
<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>
Nuŋɔŋlɔwo babla kple woƒe agbɔsɔsɔ fũ
Kpe nuŋɔŋlɔa ɖe .text-wrap
klass aɖe me.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Xɔ mɔ na nuŋɔŋlɔ be wòagaxatsa kple .text-nowrap
klass o.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
This text should overflow the parent.
</div>
Ne èdi nyatakaka didiwo la, àteŋu atsɔ .text-truncate
klass aɖe akpe ɖe eŋu be nàtsɔ ellipsis atso nuŋɔŋlɔa me. Ebia be display: inline-block
alo 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>
Nyawo ƒe gbagbã
Xɔ mɔ na nuŋɔŋlɔ ƒe ka didiwo be woagagbã wò akpawo ƒe ɖoɖo o to to .text-break
set word-wrap: break-word
kple zazã me word-break: break-word
. Míezãa word-wrap
ɖe esi bɔ wu teƒe overflow-wrap
hena web-browser ƒe kpekpeɖeŋu si keke ta wu, eye míetsɔa esiwo woɖe ɖa la kpena ɖe eŋu word-break: break-word
be míaƒo asa na nya siwo ku ɖe flex containers ŋu.
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
Nuŋɔŋlɔ ƒe tɔtrɔ
Trɔ nuŋɔŋlɔ ɖe akpawo me kple nuŋɔŋlɔ ƒe ŋɔŋlɔdzesi gãwo ƒe klasswo.
Nuŋɔŋlɔ suewo.
Nuŋɔŋlɔ gãwo.
Nuŋɔŋlɔ si woŋlɔ ɖe agbalẽ me.
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>
De dzesi alesi .text-capitalize
wòtrɔa nya ɖesiaɖe ƒe ŋɔŋlɔdzesi gbãtɔ ko, eye wògblẽa ŋɔŋlɔdzesi bubu ɖesiaɖe ƒe nya la ɖi be mekpɔa ŋusẽ ɖe edzi o.
Ŋɔŋlɔdzesiwo ƒe kpekpeme kple nuŋɔŋlɔ siwo wotsɔ ŋlɔa nu ɖe nu dzi
Trɔ nuŋɔŋlɔa ƒe kpekpeme (boldness) kaba alo nàŋlɔ nuŋɔŋlɔa ƒe nuŋɔŋlɔ si le fli me.
Nuŋɔŋlɔ si me woŋlɔ nu ɖo kple bold.
Bolder weight text (ne wotsɔe sɔ kple dzila ƒe akpaa).
Kpekpeme si sɔ ƒe nuŋɔŋlɔ.
Nuŋɔŋlɔ si ƒe kpekpeme le bɔbɔe.
Nuŋɔŋlɔ si ƒe kpekpeme le bɔbɔe wu (ne wotsɔe sɔ kple dzila ƒe akpaa).
Nuŋɔŋlɔ si woŋlɔ kple nuŋɔŋlɔ si woŋlɔ kple asi.
<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>
Teƒe ɖeka
Trɔ tiatia aɖe ɖe míaƒe monospace ŋɔŋlɔdzesiwo ƒe ƒuƒoƒoa me kple .text-monospace
.
Esia le monospace me
<p class="text-monospace">This is in monospace</p>
Trɔ asi le amadede ŋu
Trɔ asi le nuŋɔŋlɔ alo kadodo aɖe ƒe amadede ŋu kple .text-reset
, ale be wòanyi amadedea ƒe dome tso edzila gbɔ.
Nuŋɔŋlɔ si me mekɔ o kple kadodo si nye reset .
<p class="text-muted">
Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>
Nuŋɔŋlɔ ƒe atsyɔ̃ɖoɖo
Ðe nuŋɔŋlɔ ƒe atsyɔ̃ɖoɖo aɖe ɖa kple .text-decoration-none
klass aɖe.
<a href="#" class="text-decoration-none">Non-underlined link</a>