बूटस्ट्रैप ग्रिड

Question

के साथ पूर्ण ऊंचाई कॉलम पृष्ठभूमि रंग मुझे पता है कि संभावनाएं पतली हैं, लेकिन बूटस्ट्रैप ग्रिड सिस्टम का उपयोग करते समय आप निम्न जैसे लेआउट, बाएं, केंद्र और दाएं अलग-अलग पृष्ठभूमि रंग कैसे प्राप्त करेंगे? मुझे लगता है कि कॉलम लेआउट बूटस्ट्रैप ग्रिड की सोच के खिलाफ है, क्या मैं सही हूँ?

Here's an online use case url।

सीएसएस .. या चीजों को मैं किसी अन्य अतः क्यू पर एक नज़र था और एक के, लेकिन मैं जावास्क्रिप्ट जैसी चीजों का उपयोग नहीं करना चाहते हैं फैला आदि लिए मानक बूटस्ट्रैप ग्रिड सीएसएस है ..

समर्थित नहीं IE7 + .. द्वारा

Answer 1

ज़रूर, सिर्फ इस सीएसएस का उपयोग करें:

html, body, .container-fluid, .row-fluid, .blue, .lightgrey {height:100%;} 

http://dabblet.com/gist/5326320

Answer 2

@Omega से समाधान अच्छा लग रहा है, यहाँ ' एस दूसरा विकल्प: http://jsfiddle.net/panchroma/u5XGL/

सीएसएस का महत्वपूर्ण हिस्सा यह है कि विभिन्न सामग्री ऊंचाई वाले स्तंभों के लिए पृष्ठभूमि रंग कैसे प्राप्त करें।

मैंने प्रत्येक कॉलम में एक बड़ा पैडिंग और समान रूप से बड़ा नकारात्मक मार्जिन जोड़ा है, फिर पूरी पंक्ति को ओवरफ्लो छुपा वाले वर्ग में लपेटा है।

सीएसएस

.col{ 
margin-bottom: -99999px; 
padding-bottom: 99999px; 
background-color:#ffc; 
} 

.col-wrap{ 
overflow: hidden; 
} 

आपको लगता है कि यह अच्छी तरह से resoponds और यह भी एक अच्छा पार ब्राउज़र समाधान है मिलेगा।

शुभकामनाएं!