Documentation sy ohatra ho an'ny fampiasa lahatsoratra mahazatra hifehezana ny fampifanarahana, ny famonosana, ny lanja, ary ny maro hafa.

Fandrindrana lahatsoratra

Ampifanaraho mora amin'ny singa miaraka amin'ny kilasy fampifanarahana lahatsoratra.

Lahatsoratra misy placeholder mba hampisehoana ny fampifanarahana lahatsoratra. Hanao toy izany koa ve ianao? Fotoana hiatrehana ny mozika fa tsy muse anao intsony aho. Henoko fa tsara izany, aoka ho mpitsara ary hifidy ny zanako vavy. Mahatsapa phoenix ato anatiko aho. Saro-piaro amin’ny fitiavantsika ny lanitra, mitaraina avy any ambony ny anjely. Eny, entinao any amin'ny utopia aho.

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

Ho an'ny fampifanarahana ankavia, havanana ary afovoany, misy kilasy mandray andraikitra izay mampiasa teboka fiatoana amin'ny sakan'ny seranan-tsambo mitovy amin'ny rafitra grid.

Lahatsoratra milahatra ankavia amin'ny haben'ny seranan-tsambo rehetra.

Lahatsoratra mirindra afovoany amin'ny haben'ny seranan-tsambo rehetra.

Lahatsoratra mifanandrify havanana amin'ny haben'ny seranan-tsambo rehetra.

Lahatsoratra milahatra ankavia amin'ny seranan-tsambo mirefy SM (kely) na lehibe kokoa.

Lahatsoratra milahatra ankavia amin'ny seranan-tsambo mirefy MD (midina) na midadasika kokoa.

Lahatsoratra milahatra ankavia amin'ny seranan-tsambo mirefy LG (lehibe) na lehibe kokoa.

Lahatsoratra milahatra ankavia amin'ny seranan-tsambo mirefy XL (lehibe kokoa) na lehibe kokoa.

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

Famonoana lahatsoratra sy fihoaram-pefy

Fonosy lahatsoratra miaraka amin'ny .text-wrapkilasy iray.

Tokony fonosina ity lahatsoratra ity.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

Sakano ny lahatsoratra tsy hofonosina amin'ny .text-nowrapkilasy.

Ity lahatsoratra ity dia tokony hihoatra ny ray aman-dreny.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Ho an'ny atiny lava kokoa dia azonao atao ny manampy .text-truncatekilasy hanapaka ny lahatsoratra amin'ny ellipsis. Mitaky display: inline-blockna 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>

Vaky teny

Sakano ny andian-tsoratra lava tsy handrava ny firafitry ny singanao amin'ny fampiasana .text-breakny fametrahana word-wrap: break-wordsy word-break: break-word. Ampiasainay word-wrapho solon'ny mahazatra overflow-wrapkokoa ho an'ny fanohanan'ny navigateur midadasika kokoa, ary ampiana ny efa lany andro word-break: break-wordmba hisorohana ny olana amin'ny container flex.

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

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

Fiovan'ny soratra

Ovay ny lahatsoratra amin'ny singa miaraka amin'ny kilasy fanaovana sora-baventy.

Lahatsoratra kely.

Lahatsoratra lehibe.

CapiTaliZed lahatsoratra.

<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>

Mariho ny fomba .text-capitalizehanovana ny litera voalohany amin'ny teny tsirairay, ka tsy hisy fiantraikany amin'ny toetry ny litera hafa.

Lanja sora-baventy sy sora-mandry

Hanova haingana ny lanja (fahasahiana) ny lahatsoratra na soraty ny lahatsoratra.

Lahatsoratra matevina.

Lahatsoratra mavesa-danja kokoa (mifandray amin'ny singa ray aman-dreny).

Lahatsoratra lanja mahazatra.

Lahatsoratra maivana.

Lahatsoratra maivana kokoa (mifandray amin'ny singa ray aman-dreny).

Lahatsoratra italika.

<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

Ovay ny safidy ho amin'ny fitambaran'ny endritsoratra monospace miaraka amin'ny .text-monospace.

Ao amin'ny monospace izany

<p class="text-monospace">This is in monospace</p>

Avereno ny loko

Avereno ny lokon'ny lahatsoratra na rohy amin'ny .text-reset, mba handovany ny loko avy amin'ny ray aman-dreniny.

Lahatsoratra mangina miaraka amin'ny rohy famerenana .

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

Haingo soratra

Esory ny haingo lahatsoratra misy .text-decoration-nonekilasy.

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