Source

Thumal

Alignment, wrapping, weight leh a dangte control theihna tur common text utility-te tana documentation leh entirnan.

Text alignment tih a ni

Text alignment class nei component hrang hrangah awlsam takin text realign theih.

Ambitioni chu a ni a, a ziaktu hian a ziak a ni. A rilru a buai em em a, a rilru a hah em em bawk a. A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a. vulputate felis rhoncus. Praeterea iter est quasdam chu a awm a, a chhuahna tur hmun a awm lo. A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a. Sientientis piros Afros. A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a. A rilru a buai em em a, a rilru a hah em em bawk a.

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

Left, right, leh center alignment atan chuan grid system ang bawka viewport width breakpoint hmang thei responsive class a awm bawk.

Viewport size zawng zawngah left aligned text a awm vek.

Viewport size zawng zawngah center aligned text a awm vek.

Viewport size zawng zawngah right aligned text a awm vek.

Viewport size SM (small) emaw a aia zau emaw-ah left aligned text a awm.

Viewport size MD (medium) emaw a aia zau emaw-ah chuan veilam aligned text.

Viewport size LG (large) emaw a aia zau emaw-ah chuan left aligned text a awm.

Viewport size XL (extra-large) emaw a aia zau emaw-ah chuan veilam aligned text.

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

Text wrapping leh overflow a awm bawk

.text-wrapClass pakhat nen text wrap rawh .

He thuziak hi a wrap tur a ni.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

.text-nowrapClass pakhat nena text wrapping loh tur .

He thuziak hian nu leh pa chu a luah khat tur a ni.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Content rei zawk atan chuan .text-truncateellipsis hmanga text truncate turin class i dah belh thei bawk. A mamawh display: inline-blockemaw display: block.

Praeterea iter est quasdam chu a awm a, a chhuahna tur hmun a awm lo.
Praeterea iter est quasdam chu a awm a, a chhuahna tur hmun a awm lo.
<!-- 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>

Thumal tihchhiat

Text string sei tak takte chuan .text-breakto set hmangin overflow-wrap: break-word(leh word-break: break-wordIE & Edge compatibility atan) hmangin i components layout a tichhia lo turin ven rawh.

A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a.

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

Text tihdanglam a ni

Text capitalization class hmangin component hrang hrangah text siam danglam.

Thuziak te tak te.

Thuziak lian tak tak.

CapiTaliZed thuziak a ni.

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

.text-capitalizeThumal tinte hawrawp hmasa ber chauh a thlak dân chu chhinchhiah ang che , hawrawp dang eng pawh case chu nghawng nei lovin a awmtîr a ni.

Font rih zawng leh italics te

Text weight (boldness) chu rang takin thlak emaw, text italicize emaw.

Thuziak bold tak a ni.

Bolder weight text (nu leh pa element nena inzawm).

Normal weight thuziak.

Text rit lo tak a ni.

Text rit zawk (parent element nena khaikhin chuan).

Italic hmanga thuziak.

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

Kan monospace font stack ah selection pakhat chu .text-monospace.

Hei hi monospace-ah a ni

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

A rawng chu reset rawh

Text emaw link emaw color chu , hmangin reset la .text-reset, chutiang chuan a parent hnen atangin color chu a inherit thei ang.

Text muted a ni a , reset link a awm bawk .

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

Thuziak cheimawina

.text-decoration-noneClass pakhat hmangin text decoration pakhat chu paih chhuak rawh .

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