پوزیشن
کسی عنصر کی پوزیشن کو تیزی سے ترتیب دینے کے لیے ان مددگاروں کا استعمال کریں۔
فکسڈ ٹاپ
ایک عنصر کو ویو پورٹ کے اوپری حصے میں، کنارے سے کنارے تک رکھیں۔ یقینی بنائیں کہ آپ اپنے پروجیکٹ میں فکسڈ پوزیشن کے اثرات کو سمجھتے ہیں۔ آپ کو اضافی 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>