bootstrap. div 100% Höhe des übergeordneten Elements

Question

Mit Bootstrap habe ich Schwierigkeiten mit der Erstellung div 100% height des übergeordneten Elements.

Ich habe .row-fluid div und zwei .span divs drin. Zuerst .span9 hat mehr Inhalt, dann zweite .span3 hat Navigation und leeren Raum unter. Ich möchte diesen leeren Raum mit Farbe füllen. Ich will diese Strecke ganz nach unten, wo der Inhalt von .span9 reicht.

Answer 1

Hier ist eine CSS-Lösung, die auf dem Hinzufügen einer großen Auffüllung und eines gleich großen negativen Randes zu jeder Spalte basiert und dann die gesamte Zeile in einer Klasse mit Überlauf versteckt. Es funktioniert gut, Cross-Browser als auch

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> 

Sie es bei Arbeiten sehen http://jsfiddle.net/panchroma/y3BhT/