Javascript 引导网格列清除

我很难理解bootstrap中的列clearfix结构。我正在尝试创建一个卡片布局，它需要布局中的行都具有相同的高度，但每个条目中的内容不一定相同。你可以看到我在这里做的一个例子：

部分困难在于我正在使用车把模板生成内容：

<script id="Handlebars-Template" type="text/x-handlebars-template">
<div class="row">
  {{#each apps}}
  <div class="col-md-4">
    <h4>{{title}}</h4>
    <p>{{description}}</p>
  </div>
  {{/each}}
</div>
</script>

{{{#每个应用程序}
{{title}}
{{description}}

{{/每个}}

因此，每X个条目插入一个空的清除div并不容易，甚至不必知道X应该是什么

我可以通过在col-md-4类中使用最小高度来破解它，但这看起来很难看

有什么想法吗

---

谢谢。

我不知道这个答案是否对你有帮助

您的div内容已经如您所说的那样发生了变化，因此，当文档准备就绪时，询问javascript是一种方法

只需检查每个目标div的最大高度，并将其应用于每个div

下面是一种正在运行的代码：

只是，我很抱歉，因为当我写代码时，我在云中，而var

mini

没有意义，它应该被命名为“

maxi

”

visu中的代码是一样的：

$(document).ready(  makeDivSimilar  );

function makeDivSimilar()
{
  var mini = 0;
  $('.col-md-4').each(function(){
      if(parseInt($(this).css('height')) > mini )
      {
        mini = parseInt($(this).css('height'));
      }  
  });
  $('.col-md-4').css('height',mini);  
}