Source

Testua

Testu-erabilgarritasun arrunten dokumentazioa eta adibideak lerrokatzea, biltzea, pisua eta abar kontrolatzeko.

Testuaren lerrokatzea

Erraz lerrokatu testua osagaiekin testua lerrokatzeko klaseekin.

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

Ezkerreko, eskuineko eta erdiko lerrokatzeetarako, sare-sistemaren bista-zabalera eten-puntu berdinak erabiltzen dituzten klase sentikorrak daude eskuragarri.

Ezkerrean lerrokatuta dagoen testua bista-tamaina guztietan.

Zentratu lerrokatutako testua bista-tamaina guztietan.

Eskuinean lerrokatuta dagoen testua bista-tamaina guztietan.

Ezkerrean lerrokatuta dagoen testua SM (txikia) edo zabalagoa duten bistaratzeetan.

Ezkerrean lerrokatuta dagoen testua MD (ertaina) edo zabalagoko bistaratzeetan.

Ezkerrean lerrokatuta dagoen testua LG tamainako (handia) edo zabalagoko bisualetan.

Ezkerrean lerrokatuta dagoen testua XL tamainako (handiagoa) edo zabalagoko bisualetan.

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

Testua biltzea eta gainezkatzea

.text-nowrapSaihestu testua klase batekin biltzea .

Testu honek gurasoak gainezka egin beharko luke.
<div class="text-nowrap" style="width: 8rem;">
  This text should overflow the parent.
</div>

Eduki luzeagoa lortzeko, .text-truncateklase bat gehi dezakezu testua elipsi batekin mozteko. edo eskatzen du .display: inline-blockdisplay: 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>

Testu-eraldaketa

Eraldatu testua osagaietan testu larriz idazteko klaseekin.

Testua minuskulaz.

Testua maiuskulaz.

Testu maiuskulatua.

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

Kontuan izan nola text-capitalizehitz bakoitzaren lehen letra bakarrik aldatzen den, beste edozein hizkiren maiuskulak eragin gabe utziz.

Letraren pisua eta letra etzana

Azkar aldatu testuaren pisua (lodia) edo jarri testua etzana.

Testu lodia.

Pisu arrunteko testua.

Testu arina.

Testu etzana.

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