Как установить высоту верхней строки в сетке бутстрапа?

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/