मुख्य सामग्रीवर जा डॉक्स नेव्हिगेशनवर जा
in English

स्थिती

घटकाची स्थिती द्रुतपणे कॉन्फिगर करण्यासाठी हे मदतनीस वापरा.

फिक्स्ड टॉप

व्ह्यूपोर्टच्या शीर्षस्थानी एका भागापासून ते काठापर्यंत घटक ठेवा. तुमच्या प्रकल्पातील स्थिर स्थितीचे परिणाम तुम्हाला समजले असल्याची खात्री करा; तुम्हाला अतिरिक्त CSS जोडावे लागेल.

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

स्थिर तळाशी

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

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

चिकट शीर्ष

व्ह्यूपोर्टच्या शीर्षस्थानी, एका टोकापासून ते काठापर्यंत घटक ठेवा, परंतु तुम्ही ते स्क्रोल केल्यानंतरच. .sticky-topयुटिलिटी CSS चा वापर करते , 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>