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-wrap
genere.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Preoccupo textum ab involvendo cum .text-nowrap
genere.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
This text should overflow the parent.
</div>
Ad longiora contenta, genus addere potes .text-truncate
textum cum ellipsi truncato. Requirit display: inline-block
vel 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 abrumpant tuas components' layout utendo .text-break
ad paro word-wrap: break-word
et word-break: break-word
. word-wrap
Loco communiore utimur pro overflow-wrap
ampliori pasco subsidium, et deprecationem adicimus word-break: break-word
ad 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-capitalize
tantum 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-none
classe.
<a href="#" class="text-decoration-none">Non-underlined link</a>