बूटस्ट्रैप ग्रिड में शीर्ष पंक्ति की ऊंचाई कैसे सेट करें?

Question

मेरे पास एक कंटेनर है जिसे मैं बूटस्ट्रैप ग्रिड का उपयोग करके दो क्षैतिज पंक्तियों में विभाजित करना चाहता हूं।

शीर्ष पंक्ति ऊंचाई की 80% और शेष के नीचे लेनी चाहिए।

<div class="container-fluid"> 
    <div class="row" style="height:80%"> 
     <div class="col-xs-12">This should take up 80% of the height</div> 
    </div> 

    <div class="row"> 
     <div class="col-xs-12">This should take up the remaining 20% of the height</div> 
    </div> 
</div> 

मैंने ऊंचाई जोड़ने की कोशिश की: पहली पंक्ति में इनलाइन शैली के रूप में 80%, लेकिन इसका कोई प्रभाव नहीं पड़ा।

मुझे यहां क्या याद आ रही है?

Answer 1

सेट

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

एक उदाहरण: http://jsfiddle.net/wqkLodb6/