将bootstrap col-md-3 div设置为相同的高度

时间:2016-07-22 18:53:44

标签: jquery css twitter-bootstrap

在bootstrap网上商店模板上,我将这些项目列入col-md-3 div。 如何将这些div设置为相同的高度?

如果项目名称是短或长,或价格,只显示正常价格,每个div高度较小,并且它们不在一条直线上。

You can see the problem on the uploaded image

这个问题有没有jquery插件?还是css?如果用户设备不是移动设备,我只想要这个。

1 个答案:

答案 0 :(得分:0)

如果你想使用更高的那个,可以获得最大高度并使用所有盒子。

var maxHeight = 0;

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

$(yourelemselector).height(maxHeight);

修改

如果工作,为什么你不接受答案?其次,对于不同的问题,你不能使用相同的帖子,顺便提一下你的问题'如何把我的顶级输入组'不清楚