bootstrap. div 100% chiều cao của phần tử gốc

Question

Với bootstrap, tôi gặp khó khăn khi tạo div 100% height của phần tử gốc.

Tôi có .row-fluid div và hai số .span số div trong đó. Đầu tiên .span9 có nhiều nội dung hơn, sau đó, .span3 có điều hướng và không gian trống bên dưới. Tôi muốn lấp đầy không gian trống bằng màu sắc. Tôi muốn kéo dài tất cả các cách xuống nơi nội dung của .span9 đạt được.

Answer 1

Đây là giải pháp CSS, dựa trên việc thêm phần đệm lớn và lề âm lớn cho mỗi cột, sau đó gói toàn bộ hàng vào trong một lớp có ẩn bị tràn. Nó hoạt động tốt qua trình duyệt cũng

CSS

.col{ 
    margin-bottom: -99999px; 
    padding-bottom: 99999px; 
    background-color:#ffc; 
} 

.col-wrap{ 
    overflow: hidden; 
} 

HTML

<div class="container"> 
    <div class="row-fluid col-wrap"> 
     <div class="span9 col"> 

      ... span content ... 

     </div><!-- end span 9--> 

     <div class="span3 col"> 

      ... span content ... 

     </div><!-- end span 3--> 
    </div><!-- end row-fluid --> 
</div> 

Bạn có thể nhìn thấy nó làm việc tại http://jsfiddle.net/panchroma/y3BhT/