Riempi altezza rimanente con Bootstrap

Question

Ho una pagina web. La mia pagina web utilizza Bootstrap versione 3. Attualmente, sembra qualcosa di simile:

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

ho bisogno del div con l'id "fillAvailableSpace" per riempire l'altezza disponibile dello schermo con l'eccezione della dimensione della prima riga e l'ultima riga. Come posso riempire l'altezza disponibile rimanente di una pagina con Bootstrap?

Answer 1

provare qualcosa di simile di seguito:

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