स्थिति

स्थिर शीर्ष

भ्यूपोर्टको माथिल्लो भागमा, किनारादेखि किनारासम्म एउटा तत्व राख्नुहोस्। निश्चित हुनुहोस् कि तपाइँ तपाइँको परियोजना मा निश्चित स्थिति को प्रभाव बुझ्नुहुन्छ; तपाईंले अतिरिक्त 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>