Bootstrap Column Equal Height Issue

Question

在我的网站引导网格列等高不起作用。当我的产品名称有长文本时，高度会为其他列创建问题。修复高度问题我添加了两个css但没有工作

添加了css

.demo{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#efefef;
}

#equalheight {
    overflow: hidden;
}

我的实时页面链接如下，此页面显示列高度问题

现有的div结构

<div class="row ">
    <div id="equalheight">
       <div class="col-sm-6 col-md-4 wow fadeInUp demo">
         <div class="products ">
         </div>

       </div>

    </div>
</div>

Answer 1

尝试使用高度而不是填充和边距。填充和边距使div与您放入的信息一起扩展。对于高度，一个内部的信息（如文本或img）命中div的边缘，你的溢出将接管并隐藏超出div的任何信息。