Xiyimo

Tirhisa swipfuni leswi ku hatlisa u lulamisa xiyimo xa elemente.

Eka tluka leri

Fixed ehenhla

Veka elemente ehenhla ka xivono, ku suka eka tlhelo ku ya eka tlhelo. Tiyisisa leswaku wa swi twisisa switandzhaku swa xiyimo lexi nga cinciki eka phurojeke ya wena; u nga ha lava ku engetela CSS leyi engetelekeke.

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

Ku tshamiseka ehansi

Veka elemente ehansi ka xivono, ku suka eka tlhelo ku ya eka tlhelo. Tiyisisa leswaku wa swi twisisa switandzhaku swa xiyimo lexi nga cinciki eka phurojeke ya wena; u nga ha lava ku engetela CSS leyi engetelekeke.

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

Xiambalo xa le henhla lexi namarhelaka

Veka elemente ehenhla ka xivono, ku suka eka tlhelo ku ya eka tlhelo, kambe ntsena endzhaku ka loko u rhelerile u hundza eka xona.

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

Ku hlamula loku namarhelaka ehenhla

Ku hambana loku hlamulaka na kona ku kona eka .sticky-topvukorhokeri.

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

Ku namarhela ehansi

Veka elemente ehansi ka xivono, ku suka eka tlhelo ku ya eka tlhelo, kambe ntsena endzhaku ka loko u rhelerile u hundza eka xona.

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

Ku hlamula loku namarhelaka ehansi

Ku hambana loku hlamulaka na kona ku kona eka .sticky-bottomvukorhokeri.

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