ट्विटर-बूटस्ट्रैप navbar ऊंचाई बहुत छोटा

Question

ट्विटर-बूटस्ट्रैप में navbar की डिफ़ॉल्ट ऊंचाई बहुत छोटी है। जब ऊंचाई बढ़ जाती है, तो यह नीचे divs encroaches। मैं पूरे पृष्ठ को स्लाइड करने वाले नेविबार की ऊंचाई कैसे बढ़ा सकता हूं? यदि यह संभव है, तो navbar के शीर्ष/नीचे के लिए navbar लिंक कैसे रखें।

Answer 1

मुझे पूरा यकीन है कि मुझे इस समाधान से प्यार नहीं है, लेकिन यह इस पर खर्च करने के लिए कितना समय लगता है।

.navbar .container { height: 2em; } 

मैं भी नेवबार अंदर चीजों को पाने के लिए खड़ी अच्छी तरह से संरेखित करने के लिए एक ही चयनकर्ता में कुछ गद्दी-टॉप जोड़ने के लिए किया था।

संपादित करें: मैंने बस अपना प्रश्न दोबारा पढ़ा और देखा कि आपको "divs" के साथ समस्या हो रही है। ऐसा करने में आपको शरीर टैग पर पैडिंग समायोजित करने की आवश्यकता है, उदा।

body { padding-top: 6em; } 

Twitter Bootstrap docs on Navbar प्रति

:

जब आप नेवबार चिपका दें, छिपा क्षेत्र नीचे के लिए खाते की याद है। < शरीर > पर जोड़ने के 40px या अधिक जोड़ें। कोर बूटस्ट्रैप सीएसएस के बाद और वैकल्पिक उत्तरदायी सीएसएस के बाद जोड़ना सुनिश्चित करें।

Answer 2

ऐसे ही एक गद्दी जोड़ा जा रहा है पर्याप्त आप उत्तरदायी बूटस्ट्रैप उपयोग कर रहे हैं नहीं है। इस मामले में जब आप अपनी खिड़की का आकार बदलते हैं तो आपको पृष्ठ और navbar के शीर्ष के बीच एक अंतर मिलेगा। एक उचित समाधान इस तरह दिखता है:

body { 
    padding-top: 60px; 
} 
@media (max-width: 979px) { 
    body { 
    padding-top: 0px; 
    } 
} 

स्रोत: Twitter Bootstrap - top nav bar blocking top content of the page

Answer 3

आप इस एक कोशिश कर सकते हैं। यह किसी भी आकार के प्रदर्शन में काम करता है।

.navbar .container { min-height: 83px; } 


.navbar-fixed-top { 
    position:static; 
    margin-bottom:20px; 
    } 

Answer 4

</script> 

$(".dropdown-toggle").click(function() { 
$(".nav-collapse").css('height', 'auto') 
}); 

</script> 

यह मेरा एक समान समस्या हल, (उप मेनू, छोटे माता पिता उल क़द की वजह से नहीं दिखाई दे रहा था पहले क्लिक पर) शायद यह रूप में अच्छी तरह से आप के लिए काम करता है।