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.
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-wrap
kilasy iray.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Sakano ny lahatsoratra tsy hofonosina amin'ny .text-nowrap
kilasy.
<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-truncate
kilasy hanapaka ny lahatsoratra amin'ny ellipsis. Mitaky display: inline-block
na 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>
Vaky teny
Sakano ny andian-tsoratra lava tsy handrava ny firafitry ny singanao amin'ny fampiasana .text-break
ny fametrahana word-wrap: break-word
sy word-break: break-word
. Ampiasainay word-wrap
ho solon'ny mahazatra overflow-wrap
kokoa ho an'ny fanohanan'ny navigateur midadasika kokoa, ary ampiana ny efa lany andro word-break: break-word
mba 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-capitalize
hanovana 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-none
kilasy.
<a href="#" class="text-decoration-none">Non-underlined link</a>