Bootstrap 3上具有多行的相同高度列答案

【问题标题】：Same height columns with more than one row on Bootstrap 3Bootstrap 3上具有多行的相同高度列
【发布时间】：2015-06-01 14:11:53
【问题描述】：

我正在尝试使用 Bootstrap 3 进行具有相同高度的响应式列布局。当所有列都在同一行时，我可以做到这一点，例如：http://jsfiddle.net/aitorrodriguez/6sdbnwg6/

这里还有另一个例子：http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height

但是当我尝试使用多于一行时会遇到问题，因为我不知道我将拥有多少列，并且列的行会因分辨率而异：

<div class="row">
    <div class="col-lg-4 col-md-6 col-xs-12">
        <p>Test</p>
    </div>
    <div class="col-lg-4 col-md-6 col-xs-12">
        <p>Test</p>
    </div>
    <div class="col-lg-4 col-md-6 col-xs-12">
    <p>Test</p>
    </div>
    <div class="col-lg-4 col-md-6 col-xs-12">
        <p>Test</p>     
    </div>
    <div class="col-lg-4 col-md-6 col-xs-12">
        <p>Test</p>     
    </div>
</div>

我能做什么？任何人都知道一些解决方案或不可能做到？

【问题讨论】：

标签： html css twitter-bootstrap multiple-columns

【解决方案1】：

不是一个优雅的解决方案，但有时会奏效

.row { /*or the name of the wrapper*/
   overflow: hidden; 
}

.col-lg-4 { /*the column*/
    margin-bottom: -999px;
    padding-bottom: 999px;
}

看看这个更详细的jsfiddle

【讨论】：

我还需要一个使用 cols 的“跳转”，例如：“col-lg-4 col-md-6 col-sm-12”。不可能吗？
应该是可能的，如果你自己试试会更好，因为我不知道你的项目的细节，如果这对你来说是最好的解决方案。您还可以为边距和填充技巧添加一个新类，而不是抓住col-*class
我正在尝试，但我认为这是不可能的，因为在“col-md-4”中它不能正常工作。谢谢！