Wie wird die Höhe der obersten Zeile im Bootstrap-Raster festgelegt?

Question

Ich habe einen Container, den ich in zwei horizontalen Zeilen mit einem Bootstrap-Gitter teilen möchte.

Die obere Reihe sollte 80% der Höhe einnehmen, die untere die verbleibende.

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

Ich habe versucht, Höhe: 80% als Inline-Stil in die erste Zeile, aber es hatte keine Wirkung.

Was fehlt mir hier?

Answer 1

gesetzt

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

ein Beispiel: http://jsfiddle.net/wqkLodb6/