Tlula eka nhlokomhaka-nkulu Tlula eka docs navigation
in English

Xiyimo

Tirhisa swipfuni leswi ku hatlisa u lulamisa xiyimo xa elemente.

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 vekiwa 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. Xitirhisiwa lexi .sticky-topxi tirhisa CSS's position: sticky, leyi nga seketeriwiki hi ku helela eka swihlamusela-marito hinkwaswo.

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