स्थिती

स्थिर टॉप

दृश्यपोर्टाच्या वयल्या भागांत, धार ते धार मेरेन एक घटक दवरात. तुमच्या प्रकल्पांतल्या थारावीक स्थितीचे फांटे तुमकां समजतात हाची खात्री करात; तुमकां अतिरिक्त CSS जोडपाची गरज आसूं येता.

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

स्थिर तळें

दृश्यपोर्टाच्या सकयल, धार ते धार मेरेन एक घटक दवरात. तुमच्या प्रकल्पांतल्या थारावीक स्थितीचे फांटे तुमकां समजतात हाची खात्री करात; तुमकां अतिरिक्त CSS जोडपाची गरज आसूं येता.

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

चिकट टॉप

दृश्यपोर्टाच्या वयल्या भागांत, धार ते धार, पूण फकत तुमी ताचे फाटल्यान स्क्रोल केल्या उपरांतच घटक दवरात. उपयुक्तताय .sticky-topCSS's वापरता position: sticky, जी सगळ्या ब्राउझरांनी पुरायपणान समर्थीत ना.

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