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-wrap
mbo’esyry reheve.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Ejoko jehaipyre ojejokua hag̃ua peteĩ .text-nowrap
mbo’esyry ndive.
<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-truncate
mbo’esyry eikytĩ hag̃ua jehaipyre peteĩ elipsis reheve. Oikotevê display: inline-block
térã 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>
Ñe’ẽ ñembyai
Ejoko umi jehaipyre vore ipukúva ani hag̃ua omboja ne componentekuéra ñemohenda eipurúvo .text-break
to set word-wrap: break-word
ha word-break: break-word
. Roipuru ojepuruvéva word-wrap
rangue overflow-wrap
kundahára pytyvõ tuichavévape g̃uarã, ha romoĩve umi ndojepuruvéimava word-break: break-word
ani 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-capitalize
omoambue 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-none
mbo’esyry reheve.
<a href="#" class="text-decoration-none">Non-underlined link</a>