in English

Maranduhai

Kuatia ha techapyrã umi utilidad jehaipyre jepivegua rehegua ocontrola hag̃ua alineación, envoltura, peso ha hetave mbaꞌe.

Jehaipyre ñemohenda

Emohenda jey jehaipyre ndahasýiva umi componente orekóva clase alineación jehaipyre rehegua.

Oĩ jehaipyre tenda rehegua ohechauka hag̃ua jehaipyre ñemohenda ojehustifikáva. ¿Rejapótapa upéicha cherehehápe? Oguahẽma ára rembohovake haguã música ndaha'evéima nde musa. Ohendu iporãha, ha'e juez ha che mitãkuñakuéra ojapóta voto. Ikatu añandu peteĩ fénix che ryepýpe. Yvága oenvidia ñande mborayhúre, umi ángel hasẽ yvate guive. Heẽ, nde chegueraha utopía-pe.

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

Alineación izquierda, derecha ha centro-pe g̃uarã, ojeguereko clase ombohováiva oipurúva peteĩchagua punto de ruptura ancho jehechaukaha sistema cuadrícula rehegua ndive.

Jehaipyre oñemboheko akatúa gotyo opaite jehechaukaha tuichakue rehe.

Jehaipyre oñembojoajúva mbytépe opaite jehechaukaha tuichakue rehe.

Jehaipyre oñemohenda porãva opaite jehechaukaha tuichakue rehe.

Jehaipyre oñemboheko akatúa gotyo umi jehechaukaha tuichakue SM (michĩva) térã ipypukuvévape.

Jehaipyre oñemboheko akatúa gotyo umi jehechaukaha tuichakue MD (mediano) térã tuichavéva rehe.

Jehaipyre oñemboheko akatúa gotyo umi jehechaukaha tuichakue LG (tuichavéva) térã ipypukuvévape.

Jehaipyre oñemboheko akatúa gotyo umi jehechaukaha tuichakue XL (tuichavéva) térã ipypukuvévape.

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

Texto envoltura ha desbordamiento

Embojere jehaipyre peteĩ .text-wrapmbo’esyry reheve.

Ko jehaipyre ombotyva’erã.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

Ejoko jehaipyre ojejokua hag̃ua peteĩ .text-nowrapmbo’esyry ndive.

Ko jehaipyre ohypýiva’erã túvape.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Contenido ipukuvévape g̃uarã, ikatu emoĩ peteĩ .text-truncatembo’esyry eikytĩ hag̃ua jehaipyre peteĩ elipsis reheve. Oikotevê display: inline-blocktérã display: block.

Praeterea iter est cuásdam res cuas ex comuni rehegua.
Praeterea iter est cuásdam res cuas ex comuni rehegua.
<!-- 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>

Ñe’ẽ ñembyai

Ejoko umi jehaipyre vore ipukúva ani hag̃ua omboja ne componentekuéra ñemohenda eipurúvo .text-breakto set word-wrap: break-wordha word-break: break-word. Roipuru ojepuruvéva word-wraprangue overflow-wrapkundahára pytyvõ tuichavévape g̃uarã, ha romoĩve umi ndojepuruvéimava word-break: break-wordani hag̃ua oiko mba’e’apopy flex mba’e’oka ndive.

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm.

<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>

Ñe’ẽryru ñembohasa

Omoambue jehaipyre componente-kuérape umi clase jehaipyre mayúscula rehegua reheve.

Jehaipyre michĩva.

Jehaipyre tuicháva.

Jehaipyre oñembohekopyréva.

<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>

Ñañamindu’u mba’éichapa .text-capitalizeomoambue peteĩteĩ ñe’ẽ tai peteĩha añoite, ohejávo mba’eveichagua ambue tai káso noñeafectái.

Fuente pohýi ha cursiva

Pya’e emoambue jehaipyre ipohýi (negrima) térã ehai kursiva jehaipyre.

Texto negro-pe.

Jehaipyre ipohýiveva (relativo elemento túva rehe).

Texto de peso normal rehegua.

Texto de peso ligero rehegua.

Jehaipyre ipohýiveva (elemento túva rehe).

Texto cursiva rehegua.

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

Monoespacio rehegua

Emoambue peteĩ jeporavopyre ñande pila de fuente monoespacio-pe .text-monospace.

Péva monoespacio-pe

<p class="text-monospace">This is in monospace</p>

Reset color rehegua

Emoĩjey peteĩ jehaipyre térã joajuha sa’y .text-reset, ikatu hag̃uáicha ohupyty pe sa’y ituvagui.

Jehaipyre oñembogueva'ekue peteĩ enlace reset reheve .

<p class="text-muted">
  Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>

Decoración de texto rehegua

Eipe’a peteĩ jehaipyre ñembojegua peteĩ .text-decoration-nonembo’esyry reheve.

<a href="#" class="text-decoration-none">Non-underlined link</a>