Source

Text

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.

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

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 lahatsoratra misy tady lava tsy handrava ny firafitry ny singanao amin'ny alàlan'ny fampiasana .text-breakny set overflow-wrap: break-word(ary word-break: break-wordho an'ny compatibility IE & Edge).

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>