स्थान
किसी तत्व की स्थिति को शीघ्रता से कॉन्फ़िगर करने के लिए इन सहायकों का उपयोग करें।
फिक्स्ड टॉप
किसी तत्व को व्यूपोर्ट के शीर्ष पर, किनारे से किनारे तक रखें। सुनिश्चित करें कि आप अपनी परियोजना में निश्चित स्थिति के प्रभाव को समझते हैं; आपको अतिरिक्त सीएसएस जोड़ने की आवश्यकता हो सकती है।
<div class="fixed-top">...</div>
निश्चित तल
व्यूपोर्ट के निचले भाग में किनारे से किनारे तक किसी तत्व को रखें। सुनिश्चित करें कि आप अपनी परियोजना में निश्चित स्थिति के प्रभाव को समझते हैं; आपको अतिरिक्त सीएसएस जोड़ने की आवश्यकता हो सकती है।
<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>