如何使bootstrap列中的div具有相同的高度？

Question

假设我具有以下结构：

<div className="row">
    <div class="col-sm">
      <div>TEST</div>
    </div>

    <div class="col-sm">
      <div>TEST<br>TEST<br>TEST</div> 
    </div>
</div>

基本上，我知道如何制作相同高度的列（在行上使用.equal类），我需要的是该列的子div也要具有相同的高度。当前，如果子div之一较短，则它看起来不会对齐，因为我将背景色设置为子div中的颜色，而不是col-sm div上的颜色。

出于灵活性的原因，我无法在col-sm上设置背景。例如。我可能需要在不使用'col-sm'的另一部分中使用该子div组件。

目前，我的位置排在第一位，我希望它成为底部的位置：

Answer 1

对我来说，这种情况将是时候使用jQuery或插件such as MatchHeight。

  

matchHeight使所有选定元素的高度完全相等。