स्थिती

घटकाची सुवात बेगीन संरचीत करपाखातीर हे मदतगार वापरात.

ह्या पानाचेर

स्थिर टॉप

दृश्यपोर्टाच्या वयल्या भागांत, धार ते धार मेरेन एक घटक दवरात. तुमच्या प्रकल्पांतल्या थारावीक स्थितीचे फांटे तुमकां समजतात हाची खात्री करात; तुमकां अतिरिक्त 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>