Bootstrap2.0有没有任何帮助程序来制作.span1、.span2…….span12等高。我嵌套了这种类型的html
<div class='container'>
<div class='row'>
<div class='span2'>
<div class='well'>
XXXX
</div>
</div>
<div class='span2'>
<div class='well'>
XXXX
XXXX
</div>
</div>
<div class='span2'>
<div class='well'>
XXXX
XXXX
XXXX
</div>
</div>
</div>
</div>
如果可能的话,我希望每一口井的高度都一样。
发布于 2012-02-08 15:45:47
试试这样的东西(虽然不是很优雅):
$('.well').css({
'height': $('.well').height()
});
当选择多个元素时,jQuerys height()
方法返回最高值。
请参阅jsFiddle:http://jsfiddle.net/4HxVT/
发布于 2012-04-04 16:50:42
jQuery的height()方法返回“匹配元素集合中的第一个元素”的值。http://jsfiddle.net/4HxVT/中的答案只起作用,因为行中的第一个元素也是最高的。
这是另一个基于jQuery的解决方案:
http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/
发布于 2012-05-01 23:45:35
在已经给出的答案的基础上,我刚刚使用jquery和underscore解决了这个问题。下面的代码片段将我的井的高度和警报显示在给定行上,而不管最高的出现在哪里:
$('.well, .alert').height(function () {
var h = _.max($(this).closest('.row').find('.well, .alert'), function (elem, index, list) {
return $(elem).height();
});
return $(h).height();
});
https://stackoverflow.com/questions/9143971
复制相似问题