in English

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.

Quidam placeholder textum ad demonstrandum iustificatum textum alignment. Idem facies mihi? Tempus est ut musicam opponam non sum iam tua musa. Audistis pulchram, iudex esto, et meae puellae agnus suffragium ferte. phoenix intra me sentire possum. Invidet amori nostro coelum, clamant angeli de supernis. Yeah, me utopiae sumis.

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

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.

Hic textus debet involvere.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

Preoccupo textum ab involvendo cum .text-nowrapgenere.

Hic locus exuberat parens.
<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.

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>

Verbum confractus

Ne longas textuum chordas abrumpant tuas components' layout utendo .text-breakad paro word-wrap: break-wordet word-break: break-word. word-wrapLoco communiore utimur pro overflow-wrapampliori pasco subsidium, et deprecationem adicimus word-break: break-wordad vitandas quaestiones cum vasis inflexis.

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>