如何使两个Bootstrap cols的高度相同？

<div class="d-flex">
  <div class="col flex-fill">Col 1</div>
  <div class="col flex-fill">Col 2</div>
</div>

<div class="row">
  <div class="col" id="col1">Col 1</div>
  <div class="col" id="col2">Col 2</div>
</div>

<script>
$(document).ready(function() {
  var col1Height = $("#col1").height();
  var col2Height = $("#col2").height();
  
  if (col1Height > col2Height) {
    $("#col2").height(col1Height);
  } else {
    $("#col1").height(col2Height);
  }
});
</script>