شوێن
ئەم یارمەتیدەرانە بەکاربهێنە بۆ ڕێکخستنی خێرای شوێنی توخمێک.
سەرەوەی جێگیر
توخمێک لە سەرەوەی دەرچەی بینینەکە دابنێ، لە لێوارەوە بۆ لێوارێکی تر. دڵنیابە لە لقەکانی پێگەی جێگیر لە پڕۆژەکەتدا تێدەگەیت؛ لەوانەیە پێویستت بە زیادکردنی CSS ی زیادە بێت.
<div class="fixed-top">...</div>
بنی جێگیر کراوە
توخمێک لە خوارەوەی دەرچەی بینینەکە دابنێ، لە لێوارەوە بۆ لێوارێکی تر. دڵنیابە لە لقەکانی پێگەی جێگیر لە پڕۆژەکەتدا تێدەگەیت؛ لەوانەیە پێویستت بە زیادکردنی CSS ی زیادە بێت.
<div class="fixed-bottom">...</div>
سەرەوەی چەسپاو
توخمێک لە سەرەوەی دەرچەی بینینەکە دابنێ، لە لێوارێکەوە بۆ لێوارێکی تر، بەڵام تەنها دوای ئەوەی بەسەریدا تێپەڕیت.
<div class="sticky-top">...</div>
سەرەوەی چەسپاوی وەڵامدەرەوە
هەروەها گۆڕانکاری وەڵامدەرەوە بۆ .sticky-top
سوودمەندی بوونیان هەیە.
<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>
بنی چەسپاو
توخمێک لە خوارەوەی دەرچەی بینینەکەدا دابنێ، لە لێوارێکەوە بۆ لێوارێکی تر، بەڵام تەنها دوای ئەوەی بەسەریدا تێپەڕیت.
<div class="sticky-bottom">...</div>
بنی چەسپاوی وەڵامدەرەوە
هەروەها گۆڕانکاری وەڵامدەرەوە بۆ .sticky-bottom
سوودمەندی بوونیان هەیە.
<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>