Füllen Resthöhe mit Bootstrap

Question

Ich habe eine Webseite. Meine Web-Seite verwendet Bootstrap-Version 3. Derzeit sieht es so etwas wie diese:

<div class="row"> 
    <div class="col-lg-4"> 
    Stuff here 
    </div> 

    <div class="col-lg-8"> 
    Other stuff here 
    </div> 
</div> 

<div class="row"> 
    <div class="col-lg-12"> 
    <div id="fillAvailableSpace"> 
     [Main content goes here] 
    </div> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-lg-6"> 
    Other text goes here 
    </div> 

    <div class="col-lg-6 pull-right"> 
    Some text goes here 
    </div> 
</div> 

ich die div mit der ID „fillAvailableSpace“ muß die zur Verfügung stehende Höhe des Bildschirms mit Ausnahme der Größe der ersten füllen Reihe und die letzte Reihe. Wie fülle ich die verbleibende verfügbare Höhe einer Seite mit Bootstrap?

Answer 1

versuchen, etwas wie unten:

Element-name { 
display: inline-flex; 
height: 100%; 
}