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

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>

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.

Normal a timbang a teksto.

Nalag-an ti dagsenna a teksto.

Teksto nga italiko.

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</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>