Tèks

Dokimantasyon ak egzanp pou itilite tèks komen pou kontwole aliyman, anbalaj, pwa, ak plis ankò.

Tèks aliyman

Fasil reyaliye tèks nan eleman ak klas aliyman tèks.

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

Pou aliyman agòch, adwat, ak sant, klas ki reponn yo disponib ki sèvi ak menm pwen rupture lajè vi ak sistèm kadriyaj la.

Tèks ki aliye sou bò gòch sou tout gwosè fenèt yo.

Santre tèks ki aliye sou tout gwosè fenèt yo.

Tèks ki aliye adwat sou tout gwosè fenèt yo.

Tèks ki aliye agoch sou fenèt ki gwosè SM (ti) oswa pi laj.

Tèks ki aliye agoch sou fenèt ki gwosè MD (mwayen) oswa pi laj.

Tèks ki aliye sou bò gòch sou fenèt ki gen gwosè LG (gwo) oswa pi laj.

Tèks ki aliye agoch sou fenèt ki gwosè XL (siplemantè) oswa pi laj.

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

Anbalaj tèks ak debòde

Anpeche tèks anvlope ak yon .text-nowrapklas.

Tèks sa a ta dwe debòde paran an.

<div class="text-nowrap" style="width: 8rem;">
  This text should overflow the parent.
</div>

Pou plis kontni, ou ka ajoute yon .text-truncateklas pou tronpe tèks la ak yon elips. Egzije display: inline-blockoswa 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>

Transfòmasyon tèks

Transfòme tèks nan eleman ak klas lèt majiskil.

Tèks miniskil.

Tèks majiskil.

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

Remake byen ki jan text-capitalizesèlman chanje premye lèt la nan chak mo, kite ka a nan nenpòt lòt lèt pa afekte.

Pwa font ak italik

Byen vit chanje pwa (kraze) tèks la oswa mete tèks italik.

Tèks fonse.

Tèks pwa nòmal.

Tèks pwa limyè.

Tèks italik.

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