/ / 960px चौड़ाई उत्तरदायी बूटस्ट्रैप कंटेनर रेल एप्लिकेशन - सीएसएस, रूबी-ऑन-रेल, ट्विटर-बूटस्ट्रैप

960px चौड़ाई उत्तरदायी बूटस्ट्रैप कंटेनर रेल ऐप - सीएसएस, रूबी-ऑन-रेल, ट्विटर-बूटस्ट्रैप

मैं वेबसाइट बनाने के लिए बूटस्ट्रैप 2.3.2 का उपयोग कर रहा हूं, और मैं चाहता हूं कि कंटेनर की अधिकतम चौड़ाई 1200px से अधिक 960px चौड़ी हो। मुझे पता है अनुकूलित करें पेज 1200px चौड़े कंटेनर विकल्प को अनचेक कर रहा हैसीएसएस में इसे शामिल नहीं किया जाएगा, हालांकि मेरी समस्या अब वापस अपने रेल एप्लिकेशन में लागू हो रही है। मुझे यकीन नहीं है कि बूटस्ट्रैप फ़ाइल कहाँ स्थित है या मैं इसे कैसे बदल सकता हूं। कोई सुझाव? अग्रिम धन्यवाद।

उत्तर:

जवाब के लिए 2 № 1

बूटस्ट्रैप कक्षा का उपयोग करता है।कंटेनर ग्रिड की चौड़ाई शैली के लिए। इसलिए आप बूटस्ट्रैप शैलियों को ओवरराइड करना चाहते हैं, इसे कस्टम स्टाइलशीट (मिस्ट्री स्टाइल) में जोड़कर, जिसे आप बूटस्ट्रैप स्टाइल शामिल करने के बाद शामिल करते हैं:

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 960px;
}

जवाब के लिए 0 № 2

जवाबदेही रखने के लिए चौड़ाई के बजाय अधिकतम-चौड़ाई का उपयोग करें। जैसा कि Jarod Reyes इंगित करता है ... इन शैलियों को आपके द्वारा लोड किए गए बूटस्ट्रैप के बाद शामिल करना सुनिश्चित करें।

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
max-width: 960px;
}