Làm thế nào để thiết lập chiều cao của hàng trên cùng trong lưới khởi động?

Question

Tôi có một vùng chứa mà tôi muốn chia thành hai hàng ngang bằng cách sử dụng lưới khởi động.

Hàng trên cùng phải chiếm 80% chiều cao và phần dưới cùng còn lại.

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

Tôi đã cố thêm chiều cao: 80% làm kiểu nội dòng vào hàng đầu tiên, nhưng nó không có hiệu lực.

Tôi thiếu gì ở đây?

Answer 1

thiết

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

một ví dụ: http://jsfiddle.net/wqkLodb6/