Jak ustawić wysokość górnego rzędu w siatce startowej?

Question

Mam kontener, który chcę podzielić w dwóch poziomych wierszach za pomocą siatki startowej.

Górny rząd powinien zajmować 80% wysokości, a dolny pozostały.

<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> 

Próbowałem dodać wysokość: 80% jako inline stylu do pierwszego rzędu, ale to nie ma żadnego wpływu.

Czego mi tu brakuje?

Answer 1

ustawić

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

przykład: http://jsfiddle.net/wqkLodb6/