Comment régler la hauteur de la rangée supérieure dans le bootstrap grille?

J'ai un conteneur qui je veux diviser en deux lignes horizontales à l'aide d'un bootstrap grille.

Le haut de la ligne devrait prendre jusqu'à 80% de la hauteur, et, en bas le reste.

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

J'ai essayé d'ajouter de la hauteur:80% de style en ligne pour la première ligne, mais il n'a eu aucun effet.

Ce qui me manque ici?

OriginalL'auteur brinch | 2014-12-01