Question

我正在使用Bootstrap 3（和angularJs）并且我正在尝试使其成为所有行的所有列都具有相同的高度，无论其内容是什么。

但网格使用float，因此每列只有其内容高度。

引导程序中是否有“开箱即用”的解决方案？

提前致谢

编辑：添加代码

<div class="row-fluid">
<div class="col-md-6">
    <div class="row-fluid">
        <div class="col-md-1">

        </div>
        <div class="col-md-1">
            item
        </div>
        <div class="col-md-1">
           item
           item
           item
           item
           item
           item
           item
           item
           item
        </div>
        <div class="col-md-1">
           item
           item
           item
        </div>
        <div class="col-md-1">
           item
           item
           item
        </div>
        <div class="col-md-7">
           item
           item
           item
        </div>
    </div>
</div>
<div class="col-md-6">

</div>

Answer 1

除了jQuery计算最高的高度，你也可以尝试使用CSS这样的东西。

<div class="row">
        <div class="col-sm-4">
         some content
        </div>
        <div class="col-sm-4">
         some content
        </div>
        <div class="col-sm-4">
         some content more blah blah blah
        </div>  
</div>

CSS

[class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.row{
    overflow: hidden; 
}

演示：http://bootply.com/112728

Bootstrap 3 Grid，对于行的所有列具有相同的高度？

1 个答案: