ट्विटर बूटस्ट्रैप "कंटेनर-तरल पदार्थ"

Question

मैं सिर्फ एक चीज़ को साफ़ करना चाहता हूं। मैं "container-fluid" वर्ग का उपयोग कर रहा है, इसका मतलब मैं bootstrap.css में कुछ इस तरह नहीं हो सकता:

.container-fluid{ 
width: 1170px; 
} 

मैं पिक्सेल में स्थापित करने के लिए कोशिश की और उत्तरदायी प्रकृति बस बंद। % में सेटिंग करते समय यह काम करता है। दूसरे शब्दों में, मेरा प्रश्न इस तरह है: मैं कंटेनर-तरल पदार्थ की निश्चित चौड़ाई कैसे निर्धारित कर सकता हूं? या क्या यह बस बूटस्ट्रैप डेवलपर्स द्वारा डिफ़ॉल्ट रूप से नहीं था?

मैं पहले से ही इस लिंक पढ़ें: Fluid or fixed grid system, in responsive design, based on Twitter Bootstrap

लेकिन बस कुछ भी वहाँ container-fluid.

Answer 1

एक px चौड़ाई स्थापित करने के साथ संवेदनशील प्रकृति और निश्चित चौड़ाई के बारे में नहीं मिल सकता है कर रहा है यह स्थिर है, तो आप को काम करने के लिए होगा javascript की तरह उत्तरदायी बनाने के लिए एक अलग तकनीक है, यही कारण है कि% का उपयोग किया जाता है।

आप कंटेनर व्यापक से 1170px उपयोग नहीं जा

.container-fluid { 
    max-width:1170px; 
} 

अधिकतम-चौड़ाई यह इसलिए यदि उपयोगकर्ताओं को स्क्रीन 1170px की तुलना में व्यापक है कंटेनर केवल 1170px विस्तृत करने के लिए जाना होगा कर देगा बनाने की चाह रहे हैं। यह ऐसा करेगा जिससे उत्तरदायी तंत्र अभी भी काम करेंगे।

बेशक .container-fluid का उपयोग करके चयनकर्ता बदल जाएगा क्योंकि सभी container-fluid तत्व इस तत्व में दूसरी कक्षा जोड़ने और शैली को सेट करने के बारे में सोचते हैं।

एचटीएमएल

<div class="container-fluid maxWidth"></div> 

सीएसएस

.maxWidth { 
     max-width:1170px; 
} 

आप कंटेनर इच्छुक रहे हैं, तो कोई बात नहीं क्या तय किया जाना है, कि गैर उत्तरदायी अंदर सामग्री कर देगा के रूप में वे यह बताने में सक्षम नहीं होगा जब स्क्रीन आकार बदल जाती है क्योंकि कंटेनर आकार नहीं बदलता है।