Ọrọ

Iwe ati awọn apẹẹrẹ fun awọn ohun elo ọrọ ti o wọpọ lati ṣakoso titete, murasilẹ, iwuwo, ati diẹ sii.

Titete ọrọ

Ni irọrun ṣe atunṣe ọrọ si awọn paati pẹlu awọn kilasi titete ọrọ.

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

Fun apa osi, sọtun, ati titete aarin, awọn kilasi idahun wa ti o lo awọn aaye fifọ iwọn wiwo kanna gẹgẹbi eto akoj.

Ọrọ ti o ni ibamu si apa osi lori gbogbo awọn iwọn wiwo wiwo.

Ọrọ ti o ni ibamu laarin gbogbo awọn titobi wiwo.

Ọrọ titọ ọtun lori gbogbo awọn iwọn wiwo wiwo.

Ọrọ ti o ni ibamu si apa osi lori awọn ibudo wiwo ti o ni iwọn SM (kekere) tabi gbooro.

Ọrọ ti o ni ibamu si apa osi lori awọn ibudo wiwo ti iwọn MD (alabọde) tabi gbooro.

Ọrọ ti o ni ibamu si apa osi lori awọn ibudo wiwo ti o ni iwọn LG (tobi) tabi gbooro.

Ọrọ ti o ni ibamu si apa osi lori awọn ibudo wiwo ti o ni iwọn XL (afikun-tobi) tabi gbooro.

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

Ọrọ murasilẹ ati aponsedanu

Dena ọrọ lati murasilẹ pẹlu .text-nowrapkilasi kan.

Ọrọ yii yẹ ki o kún fun obi.

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

Fun akoonu to gun, o le ṣafikun .text-truncatekilasi kan lati ge ọrọ naa pẹlu ellipsis. Nbeere display: inline-blocktabi 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>

Ọrọ iyipada

Yi ọrọ pada ni awọn paati pẹlu awọn kilasi titobi ọrọ.

Ọrọ isale.

Ọrọ ti o ni oke.

CapiTaliZed ọrọ.

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

Ṣe akiyesi bi text-capitalizeo ṣe yipada lẹta akọkọ ti ọrọ kọọkan, nlọ ọran ti eyikeyi awọn lẹta miiran ti ko ni ipa.

Font àdánù ati italics

Ni kiakia yi iwuwo (igboya) ọrọ pada tabi italicize ọrọ.

Ọrọ ti o ni igboya.

Ọrọ iwuwo deede.

Ọrọ iwuwo ina.

Ọrọ italic.

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