Source

Test

Dokumentazzjoni u eżempji għal utilitajiet tat-test komuni biex jikkontrollaw l-allinjament, it-tgeżwir, il-piż, u aktar.

Allinjament tat-test

Allinja mill-ġdid it-test faċilment għal komponenti bi klassijiet ta 'allinjament tat-test.

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

Għall-allinjament tax-xellug, tal-lemin u taċ-ċentru, klassijiet li jirrispondu huma disponibbli li jużaw l-istess punti ta' waqfien tal-wisa' tal-vista bħas-sistema tal-grilja.

Test allinjat max-xellug fuq id-daqsijiet kollha tal-viewport.

Iċ-ċentru tat-test allinjat fuq id-daqsijiet kollha tal-viewport.

Test allinjat mal-lemin fuq id-daqsijiet kollha tal-viewport.

Test allinjat max-xellug fuq viewports ta' daqs SM (żgħir) jew usa'.

Test allinjat max-xellug fuq viewports ta' daqs MD (medju) jew usa'.

Test allinjat max-xellug fuq viewports ta' daqs LG (kbar) jew usa'.

Test allinjat max-xellug fuq viewports ta' daqs XL (kbar ħafna) jew usa'.

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

It-tgeżwir tat-test u l-overflow

Tipprevjeni t-test milli jitgeżwer ma ' .text-nowrapklassi.

Dan it-test għandu jfur lill-ġenitur.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Għal kontenut itwal, tista 'żżid .text-truncateklassi biex taqta' t-test b'ellipsis. Jeħtieġ display: inline-blockjew display: block.

Praeterea iter est quasdam res quas ex communi.
Praeterea iter est quasdam res quas ex communi.
<!-- 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>

Trasforma tat-test

Ittrasforma t-test f'komponenti bi klassijiet ta' kapitalizzazzjoni tat-test.

Test imnaqqas.

Test b'majju.

Test bil-kapital.

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

Innota kif text-capitalizetibdel biss l-ewwel ittra ta 'kull kelma, u tħalli l-każ ta' kwalunkwe ittri oħra mhux affettwat.

Piż tat-tipa u korsiv

Ibdel malajr il-piż (boldness) tat-test jew italicize test.

Test b'tipa grassa.

Test tal-piż normali.

Test ta 'piż ħafif.

Test korsiv.

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

Monospazju

Ibdel għażla għall-munzell ta' font monospace tagħna b' .text-monospace.

Dan huwa monospace

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