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 awmna hmunah a awm 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. 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-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 awmna hmunah a awm a.
Praeterea iter est quasdam chu a awmna hmunah a awm a.
<!-- 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>

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 rit zawng leh italics te

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

Thuziak bold tak a ni.

Normal weight thuziak.

Text rit lo tak a ni.

Italic hmanga thuziak.

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

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>