दरजा

फिक्स टॉप हो गइल बा

व्यूपोर्ट के ऊपर, किनारे से किनारे तक, कवनो तत्व के स्थिति में रखीं। सुनिश्चित करीं कि रउआँ अपना प्रोजेक्ट में निश्चित स्थिति के शाखाबंदी के समझत बानी; हो सकेला कि रउरा के अतिरिक्त सीएसएस जोड़ल जाव.

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

नीचे तय हो गइल बा

व्यूपोर्ट के नीचे, किनारे से किनारे तक, कवनो तत्व के स्थिति बनाईं। सुनिश्चित करीं कि रउआँ अपना प्रोजेक्ट में निश्चित स्थिति के शाखाबंदी के समझत बानी; हो सकेला कि रउरा के अतिरिक्त सीएसएस जोड़ल जाव.

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

चिपचिपा टॉप के बा

कवनो तत्व के व्यूपोर्ट के ऊपरी हिस्सा में, किनारा से किनारा तक, रखीं, बाकी ओकरा बाद स्क्रॉल कइला के बाद ही। .sticky-topयूटिलिटी CSS'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>