html - 在行中的列中拉伸(stretch) div

Question

如何将此列中的此 div 拉伸(stretch)为与右侧的高度相同？

我正在使用 bootstrap v4 和 rails，但我只是对这个简单的任务失去了理智。它们是 div，在两个单独的列中，在一行中。呃..谢谢你!

<div class="row justify-content-center" style="width:98vw">
  <div class="col-md-4 col-sm-6 col-10">
    <div class="booyah-black">
     Column 1 content
    </div>
  </div>
  <div class="col-md-4 col-sm-6 col-10">
    <div class="booyah-black">
     Column 2 content
    </div>
  </div>
</div>

Answer 1

在内部 div 上使用 h-100...

<div class="row justify-content-center" style="width:98vw">
  <div class="col-md-4 col-sm-6 col-10">
    <div class="booyah-black h-100">
     Column 1 content
    </div>
  </div>
  <div class="col-md-4 col-sm-6 col-10">
    <div class="booyah-black h-100">
     Column 2 content
    </div>
  </div>
</div>