具有相等高度的Bootstrap柱

Question

我想为我的引导程序应用程序实现一个'网格'显示，其中每行的高度相同（并且高度由最高内容定义）。

但是，我正在使用以下代码（JSFiddle Link ）是

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      Row 1 Col 1
    </div>
    <div class="col-sm-4">
      This is some long tex that has a greater height than the rest
    </div>
    <div class="col-sm-4">
      Row 1 Col 3
    </div>
    <div class="col-sm-4">
      Row 2 Col 1
    </div>
    <div class="col-sm-4">
      Row 2 Col 2
    </div>
    <div class="col-sm-4">
      Row 3 Col 3
    </div>`
  </div>
</div>

这是我的应用的简化版本。在我的真实应用程序中，我得到了大量数据，我实际上以编程方式生成了带有React的HTML，我不能简单地手动分解.row每3个col-md-4。