Source

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.

Ambision ti panagaramid iti scripsisse nga iudicaretur. Ti cras mattis iudicium purus ket agtugaw iti amet fermentum. Donec sed odio operae, eu nga vulputate nga felis nga rhoncus. Praeterea iter est quasdam nga adda iti komunidad. Iti nos hinc posthac, sitientis piros Afros. Petierunt uti sibi konsilium totius Galliae iti diem certam nga indicere. Ti cras mattis iudicium purus ket agtugaw iti 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>

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 manipud iti panangburak ti layout dagiti pasetmo babaen ti panagusar .text-breakti to set overflow-wrap: break-word(ken word-break: break-wordpara iti panagtunos ti IE & Edge).

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>