jquery - 修复 Bootstrap 不等列高度

Question

我有一个包含可变列数的 Boostrap 行。此列数由 CMS 控制，因此它可能是一行中放不下的更多列。

我需要找到一种方法来很好地显示所有列(例如，具有相同的高度)。

<div class='row'>
    <div class="col-lg-2"></div>
    <div class="col-lg-2"></div>
    <div class="col-lg-2"></div>
    <div class="col-lg-2"></div>
    <div class="col-lg-2"></div>
    <div class="col-lg-2"></div>
    <div class="col-lg-2"></div>
    <div class="col-lg-2"></div>
    <div class="col-lg-2"></div>
</div>

我已经找到了一些使所有列高度相等的解决方案，但是当您使用超过 100% 的行来显示列时，它们就不起作用。

Answer 1

您可以删除不会使您的高度相同但会纠正对齐的 float

<div class='row panel-wrapper'> 

CSS

.panel-wrapper > .col-lg-2{
    float: none;
    display: inline-block;
}

至于高度，不难找到循环遍历通用元素类并设置相等高度的脚本