مکيه مواد ڏانهن وڃو Docs نيويگيشن ڏانھن وڃو
Check
in English

پوزيشن

ھي مددگار استعمال ڪريو ھڪڙي عنصر جي پوزيشن کي جلدي ترتيب ڏيڻ لاء.

مقرر مٿي

ھڪڙي عنصر کي ويوپورٽ جي چوٽي تي، ڪنڊ کان ڪنڊ تائين. پڪ ڪريو ته توهان پنهنجي منصوبي ۾ مقرر ٿيل پوزيشن جي اثرن کي سمجھندا آهيو؛ توھان کي شايد اضافي 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>