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

Kebbeb it-test bi .text-wrapklassi.

Dan it-test għandu jgħaqqad.

<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

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.

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

Pawża tal-kelma

Tipprevjeni kordi twal ta 'test milli jiksru t-tqassim tal-komponenti tiegħek billi tuża .text-breakbiex issettja word-wrap: break-wordu word-break: break-word. Aħna nużaw word-wrapminflok l-aktar komuni overflow-wrapgħal appoġġ usa' tal-browser, u nżidu l-deprecated word-break: break-wordbiex nevitaw kwistjonijiet b'kontenituri flex.

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

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

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ż aktar kuraġġuż (relattiv għall-element prinċipali).

Test tal-piż normali.

Test ta 'piż ħafif.

Test tal-piż eħfef (relattiv għall-element prinċipali).

Test korsiv.

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

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>

Irrisettja l-kulur

Irrisettja l-kulur ta' test jew link b' .text-reset, sabiex jiret il-kulur mill-ġenitur tiegħu.

Test siekt b'rabta ta' reset .

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

Dekorazzjoni tat-test

Neħħi dekorazzjoni test bi .text-decoration-noneklassi.

Link mhux issottolinjat

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