Source

Tekst

Düzediş, gaplamak, agram we ş.m. gözegçilik etmek üçin umumy tekst enjamlary üçin resminamalar we mysallar.

Tekstiň deňleşdirilmegi

Teksti tekizlemek synplary bolan komponentlere aňsatlyk bilen tertipleşdiriň.

Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus amet fermentum oturýar. Donec sed odio operae, eu vulputate felis rhoncus. “Praeterea iter est quasdam res quas ex communi”. Nos hinc posthac, sitientis piros Afros. Diem şahadatnamasynda “Petierunt uti sibi concilium totius Galliae”. Cras mattis iudicium purus amet fermentum oturýar.

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

Çep, sag we merkezi deňleşdirmek üçin, gözenegiň giňligi nokatlaryny gözenek ulgamy bilen ulanýan täsirli synplar bar.

Viewhli görnüş ölçeglerinde çep deňleşdirilen tekst.

Viewhli görnüş ölçeglerinde merkezleşdirilen tekst.

Viewhli görnüş ölçeglerinde sag deňleşdirilen tekst.

SM (kiçi) ýa-da has giň görnüşdäki görnüşlerde çep deňleşdirilen tekst.

MD (orta) ýa-da has giň görnüşdäki görnüşlerde çep deňleşdirilen tekst.

LG (uly) ýa-da has giň görnüşdäki görnüşlerde çep deňleşdirilen tekst.

XL ölçegli (goşmaça uly) ýa-da has giň görnüşdäki çep deňleşdirilen tekst.

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

Tekstiň örtügi we aşmagy

.text-nowrapTekstiň synp bilen örtülmeginiň öňüni alyň .

Bu tekst ene-atanyň üstünden geçmeli.
<div class="text-nowrap" style="width: 8rem;">
  This text should overflow the parent.
</div>

.text-truncateHas uzyn mazmun üçin teksti ellips bilen kesmek üçin synp goşup bilersiňiz . Talap edýär display: inline-blockýa-da 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>

Tekstiň üýtgemegi

Teksti tekst baş harplary bilen komponentlerde öwüriň.

Aşakdaky tekst

Baş harp

CapiTaliZed teksti.

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

Diňe text-capitalizeher sözüň birinji harpyny üýtgedip, beýleki harplaryň ýagdaýyny täsirsiz goýuň.

Şriftiň agramy we ýazgy

Tekstiň agramyny (batyrlygyny) çalt üýtgediň ýa-da teksti çyzyň.

Goňur tekst

Adaty agram teksti.

Weighteňil agramly tekst.

Göçme manyda

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