Source

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.

Ambición de dise escritura peteĩ kuatiañe'ẽ. Cras mattis iudicium purus oguapy amet fermentum. Ojejapo peteĩ odio operae, eu vulputado felis rhoncus rehegua. Praeterea iter est cuásdam res cuas ex comuni rehegua. Pe nos hinc posthac, sitientis piros Afros rehegua. Petierunt uti sibi concilium totius Galliae rehegua oĩva diem certam indicere-pe. Cras mattis iudicium purus oguapy 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>

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 ani hag̃ua oñembojere 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 jehaipyre vore puku ani hag̃ua omboja ne componentekuéra ñemohenda eipuruhápe .text-breakto set overflow-wrap: break-word(ha word-break: break-wordIE & Edge joajurã).

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmMMMMMMMMMMMMMMMMMMMMMmm

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