2016-07-22 4 views
0

ブートストラップWebshopテンプレートで、アイテムをcol-md-3 divsにリストします。 これらのdivを同じ高さに設定するにはどうすればよいですか?ブートストラップcol-md-3 divを同じ高さに設定する

商品名が短くても長くても、価格が通常の価格だけ表示され、各divの高さは小さく、並んでいません。

You can see the problem on the uploaded image

この問題の任意のjQueryプラグインはありますか?またはCSSですか?ユーザーのデバイスがモバイルでない場合、私はこれが欲しいだけです。

+1

は重複した質問のようです。 [ここ](http://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height)を参照してください。 – tnschmidt

答えて

0

ハイアーを使用する場合は、最大高さを取得して、すべてのボックスに使用します。

var maxHeight = 0; 

$(yourelemselector).each(function(){ 
    var thisH = $(this).height(); 
    if (thisH > maxHeight) { maxHeight = thisH; } 
}); 

$(yourelemselector).height(maxHeight); 

EDIT

あなたは答えを受け入れない理由の仕事か? 2番目のuは、別の質問に同じ投稿を使用することはできません。どのように入力したかを入力してください。

関連する問題