css - ブートストラップ。div 親要素の 100% の高さ

Question

heightブートストラップでは、親要素のdiv 100% を作成するのが困難です。

その中に.row-fluiddiv と 2 つの divがあり.spanます。1.span9つ目はより多くのコンテンツを持ち、2 つ目.span3はナビゲーションとその下の空きスペースです。その空白を色で埋めたい。.span9コンテンツが届くところまでずっと伸ばしたいです。

Answer 1

Here's a CSS solution, based on adding a large padding and an equally large negative margin to each column, then wrapping the entire row in in a class with overflow hidden. It works well cross-browser as well

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> 

You can see it working at http://jsfiddle.net/panchroma/y3BhT/