2012-11-27 7 views
8

मैं रुचि के लिए ट्विटर बूटस्ट्रैप का उपयोग कर रहा था। और इन दिनों मैं कस्टम navbar बनाने की कोशिश कर रहा था। मैं इसे नेविबार-फिक्स्ड-तल के रूप में बनाते हुए नीचे नेविबार पर कुछ जानकारी प्रदर्शित करना चाहता हूं। लेकिन मैं इसकी ऊंचाई को अनुकूलित नहीं कर सकता। डिफ़ॉल्ट ऊंचाई मेरे लिए पर्याप्त नहीं है।ट्विटर बूटस्ट्रैप navbar-fixed-bottom कस्टम ऊंचाई

अगर किसी को भी इस समस्या का सामना करना पड़ा है और समाधान है, तो कृपया साझा करें। धन्यवाद।

+0

मैं सिर्फ ऊपर और नीचे navbars बनाया है। शायद इसमें सीएसएस के साथ कुछ हैक्स हैं। मैं सीएसएस के साथ बिल्कुल अच्छा नहीं हूँ। कृपया, मुझे क्या चाहिए इसकी कल्पना करने के लिए इस पहेली को देखें। http://jsfiddle.net/muminoff/2XZzt/ – muminoff

+0

मेरे लिए ठीक काम करता है। मैंने अभी कई 'ली' जोड़े और ऊंचाई तदनुसार बढ़ी। –

+0

@AdrianHeine आपने ऊंचाई कैसे बढ़ाई? क्या आप navbar-fixed-bottom का उपयोग कर रहे हैं? –

उत्तर

4

वैसे ... आप अपने ट्विटर बूटस्ट्रैप यहाँ अनुकूलित कर सकते हैं: http://twitter.github.com/bootstrap/customize.html

बस @navbarHeight बदल जाते हैं।

लेकिन इस नेवबार-फिक्स्ड-टॉप की ऊंचाई भी बदल जाएगा ...


संपादित करें: वेबसाइट बदल गया है, बूटस्ट्रैप अनुकूलित करने के लिए नया URL http://getbootstrap.com/customize/

+1

यह निश्चित रूप से ऐसा करने का सबसे अच्छा तरीका है, बूटस्ट्रैप _is_ एक फ्रेमवर्क स्वयं के बाद। – ZaLiTHkA

+0

तो मैं एक navbar- निश्चित-तल की ऊंचाई को कैसे अनुकूलित कर सकता हूं? –

2

नेवबार आकार से मेल खाना चाहिए है सामग्री का (जब तक सामग्री दस्तावेज़ प्रवाह के बाहर नहीं है)। आपको शरीर की पैडिंग बढ़ाने की आवश्यकता होगी ताकि सामग्री नीचे नवाबार के पीछे गायब न हो। यदि आप उत्तरदायी बूटस्ट्रैप का उपयोग कर रहे हैं तो निम्न नियम को अपने सीएसएस में जोड़ें और ??

@media (min-width: 980px){ 
    body { 
     padding-bottom: ??px; 
    } 
} 

गैर उत्तरदायी लेआउट के लिए, मीडिया क्वेरी के बिना यह घोषणा: अपने नीचे नेवबार की ऊंचाई के साथ

body { 
    padding-bottom: ??px; 
}