Main content ah kal rawh Docs navigation ah kal rawh
Check
in English

Dinhmun

Element pakhat awmna tur rang taka configure nan heng helper te hi hmang ang che.

Fixed top a ni

Viewport chung lamah element pakhat dah la, a sir atanga a sir thlengin dah rawh. I project-a fixed position-a ramifications awmte chu i hrethiam ngei ang che; CSS dang i dah belh a ngai mai thei.

<div class="fixed-top">...</div>

Fixed a hnuai lam

Viewport hnuai lamah element pakhat dah la, a sir atanga a sir thlengin dah rawh. I project-a fixed position-a ramifications awmte chu i hrethiam ngei ang che; CSS dang i dah belh a ngai mai thei.

<div class="fixed-bottom">...</div>

A chung lam chu a sticky hle

Viewport chung lamah element pakhat dah la, edge atanga edge thlengin dah la, mahse a scroll kal pelh hnuah chauh dah rawh.

<div class="sticky-top">...</div>

Responsive sticky top a awm bawk

.sticky-topUtility atan pawh responsive variation a awm bawk .

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

A hnuai lam sticky tak

Viewport hnuai lamah element pakhat dah la, edge atanga edge thlengin dah la, mahse a scroll kal pelh hnuah chauh dah rawh.

<div class="sticky-bottom">...</div>

Responsive sticky hnuai lam

.sticky-bottomUtility atan pawh responsive variation a awm bawk .

<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>