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.

Text alignment dik tak lantir nan placeholder text thenkhat. Ka tan pawh chutiang bawk chuan i ti ve dawn em ni? Music hmachhawn a hun tawh I muse ka ni tawh lo. Heard it's beautiful, judge ni la ka fanute chuan vote an la dawn a ni. Ka chhungah hian phoenix a awm tih ka hre thei. Vanin kan hmangaihna hi a thik a, chunglam atangin vantirhkohte an tap a. Yeah, utopia ah min hruai a.

<p class="text-justify">Some placeholder text to demonstrate justified text alignment. Will you do the same for me? It's time to face the music I'm no longer your muse. Heard it's beautiful, be the judge and my girls gonna take a vote. I can feel a phoenix inside of me. Heaven is jealous of our love, angels are crying from up above. Yeah, you take me to utopia.</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 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>

Thumal tihchhiat

.text-breakTo set word-wrap: break-wordleh hmangin text string sei tak takte chuan i components layout a tihchhiat loh nan ven word-break: break-wordrawh. Browser support zau zawk atan a word-wraptam zawk aiah kan hmang a, flex container-a harsatna awm lo turin deprecated te kan dah belh bawk.overflow-wrapword-break: break-word

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

Underline awm lo link a ni

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