बूटस्ट्रैप 4: ढहे हुए कंटेनर के बाहर लगातार नेवबार आइटम

किसी वेबसाइट पर नेविगेट करना निराशाजनक हो सकता है जब सोशल मीडिया आइकन जैसे महत्वपूर्ण लिंक गायब हो जाते हैं जब नेवबार छोटे पर गिर जाता है स्क्रीन. सौभाग्य से, बूटस्ट्रैप 4 मेनू के ध्वस्त होने पर भी कुछ नेवबार आइटम को दृश्यमान रखने के लिए एक शानदार समाधान प्रदान करता है। . यह व्यवहार .collapse वर्ग द्वारा नियंत्रित होता है। डिफ़ॉल्ट रूप से, पतन सक्रिय होने पर .collapse कंटेनर के भीतर सभी तत्व छिपे रहते हैं।

समाधान

कुछ नेवबार आइटमों को पतन के साथ गायब होने से बचाने के लिए, बस उन्हें .collapse कंटेनर के बाहर ले जाएं . इसे तत्वों के फ्लेक्सबॉक्स क्रम को समायोजित करने के लिए ऑर्डर-* उपयोगिता वर्गों का उपयोग करके प्राप्त किया जा सकता है। -एक्सपैंड-एलजी नेवबार-टेम्प्लेट"> Navbar

इस उदाहरण में, सोशल मीडिया आइकन को .collapse तत्व के बाहर एक कंटेनर में रखा गया है। डी-फ्लेक्स और ऑर्डर-* कक्षाएं यह सुनिश्चित करती हैं कि नेवबार ढहने पर आइकन सही क्रम और स्थिति में रहें।