Source

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.

Ambitioni dedisse ŋlɔɖi ƒe agbalẽ. Cras mattis iudicium purus nɔa anyi ɖe amet ƒe ʋeʋẽ me. Donec sed odio operae, si nye lãgbalẽgolo si woyɔna be vulputate felis rhoncus. Praeterea iter est quasdam ƒe nɔnɔme si le habɔbɔa me. Le nos hinc posthac, sitientis piros Afros ƒe dɔlélewo. Petierunt uti sibi concilium totius Galliae ƒe lãgbalẽ le diem certam indicere me. Cras mattis iudicium purus nɔa anyi ɖe amet ƒe ʋeʋẽ me.

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

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-wrapklass aɖe me.

Ele be mawunyakpukpui sia naxatsa.
<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-nowrapklass o.

Ele be mawunyakpukpui sia nayɔ dzila la me fũ.
<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-truncateklass aɖe akpe ɖe eŋu be nàtsɔ ellipsis atso nuŋɔŋlɔa me. Ebia be display: inline-blockalo display: block.

Praeterea iter est quasdam ƒe nɔnɔme si le habɔbɔa me.
Praeterea iter est quasdam ƒe nɔnɔme si le habɔbɔa me.
<!-- 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 to to ɖoɖo zazã .text-breakme overflow-wrap: break-word(kple word-break: break-wordna IE & Edge ƒe sɔsɔ).

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-capitalizewò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-noneklass aɖe.

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