Textum
Documenta et exempla pro communi textu utilitates ad alignment, involutionem, pondus, et plura.
Gratia diei et noctis text
Facile realign textum ad partes cum textu alignment classes.
Ambitioni dedisse scripsisse iudicaretur. Cras mattis rutrum purus sit amet fermentum. Donec sed odio vitae felis vulputate 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 rutrum 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>Nam sinistra, dextra et media alignment, responsalivae classes praesto sunt qui eodem prospectu latitudinis rupturas utentes ac ratio elaborandi.
Left varius text on all viewport sizes.
Centrum textus varius in omnibus magnitudinum prospectui.
Right aligned text on all viewport sizes.
Sinistrae textus varius in prospectu amplis SM (small) vel latius patet.
Sinistrae textus varius in prospectu mediocri MD (medio) vel latius patet.
Sinistrae textus varius in prospectu mediocri LG (magna) vel latius patet.
Sinistrae textus varius in sententiarum amplitudine XL (extra-magna) vel latius patet.
<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>Textus involventes et redundantiam
Involve textum cum .text-wrapgenere.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>Preoccupo textum ab involvendo cum .text-nowrapgenere.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
This text should overflow the parent.
</div>Ad longiora contenta, genus addere potes .text-truncatetextum cum ellipsi truncato. Requirit display: inline-blockvel 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>Verbum confractus
Ne longas textuum chordas frange tium' layout utendo .text-breakad overflow-wrap: break-word(et word-break: break-wordpro IE & Edge compatibilitatem).
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmo
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>Textum transform
Textum in compositionibus cum textu uncialium classes transmutare.
Textum Lowercased.
Textum Uppercased.
CapiTaliZed text.
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>Nota quomodo .text-capitalizetantum prima littera cuiusque verbi mutatur, relictis reliquis litteris integris.
Pondus et italics
Cito pondus (audaciam) textus vel italicize mutant.
Bold text.
Bold pondus textum (relativum ad elementum parentis).
Normal text pondus.
Leve pondus textum.
Levius pondus textum (relativum ad elementum parentis).
Textus itaiicus.
<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
Change a selection to our monospace font acervum cum .text-monospace.
Hoc est in monospace
<p class="text-monospace">This is in monospace</p>Reddere color
Reponere textum vel nexum cum colore .text-reset, ut colorem a parente trahat.
Transmutari textum cum reset link .
<p class="text-muted">
Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>Textus ornamentum
Remove textum ornatum cum .text-decoration-noneclasse.
<a href="#" class="text-decoration-none">Non-underlined link</a>