Ọ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

Fi ipari si ọrọ pẹlu .text-wrapkilasi kan.

Ọrọ yii yẹ ki o fi ipari si.

<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

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

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

<div class="text-nowrap bd-highlight" 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>

Bireki ọrọ

Ṣe idilọwọ awọn gbolohun ọrọ gigun lati fifọ ifilelẹ awọn paati rẹ nipa lilo .text-breaklati ṣeto word-wrap: break-wordati word-break: break-word. A lo word-wrapdipo ti o wọpọ julọ overflow-wrapfun atilẹyin aṣawakiri ti o gbooro, ati ṣafikun ohun ti a ti sọ silẹ word-break: break-wordlati yago fun awọn ọran pẹlu awọn apoti fifọ.

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>

Ọ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 bolder (ojulumo si ano obi).

Ọrọ iwuwo deede.

Ọrọ iwuwo ina.

Fẹẹrẹfẹ ọrọ ọrọ (ojulumo si awọn obi ano).

Ọrọ italic.

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

Monospace

Yi yiyan pada si akopọ fonti monospace wa pẹlu .text-monospace.

Eyi wa ni monospace

<p class="text-monospace">This is in monospace</p>

Tun awọ

Ṣe atunto ọrọ tabi awọ ọna asopọ pẹlu .text-reset, ki o le jogun awọ lati ọdọ obi rẹ.

Ọrọ ti o dakẹ pẹlu ọna asopọ atunto .

<p class="text-muted">
  Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>

Ọṣọ ọrọ

Yọ ohun ọṣọ ọrọ kuro pẹlu .text-decoration-nonekilasi kan.

Ọna asopọ ti kii ṣe abẹlẹ

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