javascript - - CSS bootstrap, div skip row 如何整齐地排成一排尽管有高度差 -

Question

问题发生在其他元素上，但后来我将所有的div 设置为相同的大小。我制作了我的问题的打印屏幕。

如您所见，第三个 div 比其他的稍长(是的，我想保留这个)。我的 css 或 bootstrap 想要跳过一行。

html

<div ng-repeat="work in myWork" class="col-lg-3 col-md-3  col-xs-12" id="myWorkHolders">

CSS

#myWorkHolders{
    margin: 0px;
    display: inline-table;
    padding: 0px;
    border: solid 1px  #F4F4F4;
}

问题

当上面的 div 与其他 div 大小不同时，DIVS 跳过一行。

问题

我可以使用哪些 Css 术语来使 div 显示在彼此下方，尽管大小不同。

Answer 1

您可以为每个 div 添加一个带有 min-height 的额外类，只需匹配您最大的 div 的高度并将其放入 css 类。

<style>
.yourclass {

min-height:Xpx; //replace X with the height of your largest div.

}
</style>

现在只需将此类放入每个 div 中:

<div class="col-md-3 yourclass">.col-md-3</div>