Source

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

Preoccupo textum ab involvendo cum .text-nowrapgenere.

Hic locus exuberat parens.
<div class="text-nowrap" 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.

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>

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.

Normal text pondus.

Leve pondus textum.

Textus itaiicus.

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