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.

Xi test ta' placeholder biex juri l-allinjament tat-test ġustifikat. Se tagħmel l-istess għalija? Wasal iż-żmien li niffaċċja l-mużika m'għadniex il-muża tiegħek. Smajt li huwa sabiħ, kun l-imħallef u t-tfajliet tiegħi se jieħdu vot. Nista’ nħoss Phoenix ġewwa fija. Il-ġenna hi għira mill-imħabba tagħna, l-anġli qed jibku minn fuq. Iva, teħodni fl-utopja.

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

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

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