in English

Teksto

Dokumentasion ken dagiti pagarigan para kadagiti gagangay a utilidad ti teksto tapno makontrol ti panagtunos, panagbalkot, dagsen, ken dadduma pay.

Panagtunos ti teksto

Nalaka nga i-realign ti teksto kadagiti paset nga addaan kadagiti klase ti panagtunos ti teksto.

Sumagmamano a teksto ti placeholder tapno maipakita ti nainkalintegan a panagtunos ti teksto. Kasta met ngata ti aramidem kaniak? Panawenen tapno sanguen ti musika saanaken a musa. Nangngeg napintas, agbalin nga judge ken dagiti babbalasitang ko ket agbotos. Mariknak ti maysa a phoenix iti unegko. Apal ti langit iti ayattayo, agsangsangit dagiti anghel manipud ngato. Yeah, ipannak idiay utopia.

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

Para iti kannigid, kannawan, ken tengnga a panagitunos, dagiti sumungsungbat a klase ket magun-od nga agus-usar kadagiti isu met laeng a puntos ti panagburak ti kalawa ti viewport a kas ti sistema ti grid.

Kannigid a naitunos a teksto kadagiti amin a kadakkel ti viewport.

Sentro a naitunos a teksto kadagiti amin a kadakkel ti viewport.

Kannawan a naitunos a teksto kadagiti amin a kadakkel ti viewport.

Kannigid a naitunos a teksto kadagiti viewport a kadakkel ti SM (bassit) wenno nalawlawa.

Kannigid a naitunos a teksto kadagiti viewport a kadakkel ti MD (kalalainganna) wenno nalawlawa.

Nakannigid a naitunos a teksto kadagiti viewport a kadakkel ti LG (dakkel) wenno nalalawa.

Kannigid a naitunos a teksto kadagiti viewport a kadakkel ti XL (extra-large) wenno nalawlawa.

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

Panangbalkot iti teksto ken panaglablabes

Balkoten ti teksto iti maysa a .text-wrapklase.

Daytoy a teksto ti rumbeng a mangbalkot.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

Lapdan ti panagbalkot ti teksto babaen ti maysa a .text-nowrapklase.

Rumbeng nga aglaplapusanan daytoy a teksto iti nagannak.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Para iti at-atiddog ​​a linaon, mabalinmo ti manginayon ti .text-truncateklase tapno putden ti teksto babaen ti elipsis. Kasapulan display: inline-blockti wenno display: block.

Praeterea iter est quasdam nga adda iti komunidad.
Praeterea iter est quasdam nga adda iti komunidad.
<!-- 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>

Word break

Lapdan dagiti atiddog ​​a kuerdas ti teksto a mangburak iti layout dagiti pasetmo babaen ti panagusar .text-breakti to set word-wrap: break-wordken word-break: break-word. Usarenmi word-wrapimbes a ti ad-adu a gagangay overflow-wrappara iti nalawlawa a suporta ti browser, ken inayonmi dagiti saanen a maus-usar word-break: break-wordtapno maliklikan dagiti isyu kadagiti flex a pagkargaan.

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmsutederngatengle mabalinmo nga nga nga nga nga nga na nganao nga mammmmmmmmmmmmormst iti nga naminmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmnag ngasupart nagelid ngem idi nai kinapudno tiayossganmganganyy kaniakby pa tayhim.

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

Pagbalbaliw ti teksto

Baliwan ti teksto kadagiti paset nga addaan kadagiti klase ti kapitalisasion ti teksto.

Basbassit a teksto.

Dakkel a letra ti teksto.

Nakapitalisado a teksto.

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

Paliiwenyo no kasano .text-capitalizea baliwanna laeng ti umuna a letra ti tunggal sao, a baybay-anna a di maapektaran ti kaso ti aniaman a sabali a letra.

Timbang ti letra ken italiko

Alisto a baliwan ti kadagsen (boldness) ti teksto wenno i-italicize ti teksto.

Nalukmeg a teksto.

Nalukmeg ti dagsen a teksto (relatibo iti nagannak nga elemento).

Normal a timbang a teksto.

Nalag-an ti dagsenna a teksto.

Nalaglag-an ti dagsenna a teksto (relatibo iti nagannak nga elemento).

Teksto nga italiko.

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

Monoespasio

Baliwan ti maysa a panagpili iti monospace font stack-tayo babaen ti .text-monospace.

Daytoy ket adda iti monospace

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

I-reset ti kolor

I-reset ti kolor ti teksto wenno silpo babaen ti .text-reset, tapno tawidenna ti kolor manipud iti nagannakna.

Naulimek a teksto nga addaan iti reset link .

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

Dekorasion ti teksto

Ikkaten ti dekorasion ti teksto nga addaan iti .text-decoration-noneklase.

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