css - Twitter Bootstrap - 流体カラムで同じ高さ

Question

カラム データの長さが不均一な 2 つの流体カラム ウェルを同じ高さにすることはできますか?

Answer 1

これはレスポンシブCSSソリューションであり、各列に大きなパディングと同じ大きさの負のマージンを追加し、オーバーフローを非表示にして行全体をクラスにラップします。

.col{
margin-bottom: -99999px;
padding-bottom: 99999px;
background-color:#ffc;
}

.col-wrap{  
overflow: hidden;   
}

あなたはそれがjsFiddleで働いているのを見ることができます

編集

角が丸い同じ高さのウェルまたはカラムが必要な場合のバリエーション：http：
//jsfiddle.net/panchroma/4Pyhj/

編集

同じ高さのウェルまたは角が丸い柱の別のバリエーション、今回はBootstrap3用
http://jsfiddle.net/panchroma/D4xdE/

Bootstap 2の場合とほぼ同じですが、BSが列グリッドを配置する方法の変更に対応するためにいくつかの改良が加えられています。