css - Twitter Bootstrap 空きスペースを埋める

Question

私は最初の Twitter Bootstrap プロジェクトに取り組んでいますが、ほとんどすべてがうまくいっているように見えますが、行全体のスパン間の空のスペースを埋める解決策が見つかりません。したがって、最初の行に 3 つの列 (span4) があり、そのうちの 2 つは高さが 200 ピクセルで、最後の行は 50 ピクセルしかないとします。その要素の下に 150 ピクセルの空白スペースができます。これらの要素をfe jQueryの石積みやアイソトープのように上に浮かせるチャンスはありますか?

Answer 1

上記のメモに加えて、各列に大きなパディングと同様に大きな負のマージンを追加し、オーバーフローを非表示にして行全体をクラスにラップすることに基づくレスポンシブ CSS ソリューションを次に示します。

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

.col-wrap{  
overflow: hidden;   
}

jsFiddleで動作しているのを見ることができます