bootstrap. div 100% wysokość elementu nadrzędnego

Question

Z bootstrapem mam trudności z utworzeniem div 100% height jego elementu nadrzędnego.

Mam .row-fluid div i dwa div .span w nim. Najpierw .span9 ma więcej treści, a następnie .span3 ma nawigację i puste miejsce poniżej. Chcę wypełnić tę pustą przestrzeń kolorem. Chcę tego odcinka przez cały czas, gdzie dociera treść .span9.

Answer 1

Oto rozwiązanie CSS, oparte na dodaniu dużego marginesu i równie dużego marginesu ujemnego do każdej kolumny, a następnie zawinięcie całego wiersza w klasie z ukrytym przepełnieniem. To działa dobrze cross-browser, jak również

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> 

Widać to działa na http://jsfiddle.net/panchroma/y3BhT/