ブートストラップの行が気まぐれな隙間を残しています

Question

レイアウトに3列のコンテナがあり、多くの要素が必要です。

すべての要素の高さが同じ場合は非常に美しいですが、いずれかの高さが異なる場合は、1つの列ではなく行全体が移動します。

これは、それがどのように見えるかです：

これは、それがどのように見えるべきかです：

私は、ブートストラップ（V3）とすることをどのように行うことができますか？

これは、私はブートストラップと、この同じ問題を持っていた私のhtml

Answer 1

要素の高さを固定したくない場合は、列の高さが同じでないため行ベースの戦略ではなく列ベースの戦略を実行する必要があると思います。あなたが実際に望むフラックスを破ります。

しかし、あなたのデザインにそのようにしたい場合は、JavaScriptを使用することをお勧めします。

Answer 2

です。

これは、それぞれのボックスに異なる量のコンテンツがあるためです。 CSSでそれを修正するには、要素を調べて最大の要素の高さを取得するのが良い方法です。次に、あなたの要素のクラスに

min-height: //whatever the height of the largest element ; 

を追加します。あなたがこれをするならば、彼らはすべて座ってうまく流れます。