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

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>

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

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

Lahatsoratra matevina.

Lahatsoratra lanja mahazatra.

Lahatsoratra maivana.

Lahatsoratra italika.

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</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>