Javascript 如何将左div与右div匹配？

场景很简单，我的目标是将左div拉伸到右div的高度

到

代码，我正在使用引导

<div class="row">
  <div class="col-6">
     <input placeholder="left div" />
  </div>

  <div class="col-6">
     <input placeholder="" />
     <input placeholder="" />
     <input placeholder="" />
     <input placeholder="right div" /> /* This is the right div */
     <input placeholder="" />
  </div>
</div>

/*这是正确的分区*/

我不确定是使用CSS还是javascript来实现这一点。

。左输入{
身高：100%；
}

---

另一种方法是使用flexbox：

.row{
显示器：flex；
}
.col-6{
显示器：flex；
弯曲方向：立柱；
}
.col-6输入{
显示：块；
利润率：10px；
}
.col-6：输入类型的第一个{
弹性：1；
}

---

如果右div下面有另一个输入怎么办？