如何使两个bootstrap 3列具有相同的高度？

<div class="d-flex">
  <div class="col-md-6 align-items-stretch">
    <!-- 第一个列内容 -->
  </div>
  <div class="col-md-6 align-items-stretch">
    <!-- 第二个列内容 -->
  </div>
</div>

<div class="row">
  <div class="col-md-6" id="column1">
    <!-- 第一个列内容 -->
  </div>
  <div class="col-md-6" id="column2">
    <!-- 第二个列内容 -->
  </div>
</div>

<script>
  var column1 = document.getElementById("column1");
  var column2 = document.getElementById("column2");
  var maxHeight = Math.max(column1.offsetHeight, column2.offsetHeight);
  column1.style.height = maxHeight + "px";
  column2.style.height = maxHeight + "px";
</script>