Html 有没有办法让引导一列的高度等于两列的垂直高度？

我想用引导创建一个布局，其中一列垂直等于两列。我想如果你看一下视觉表现，就会更好地理解它。 另外，我希望它能对下一个专栏做出响应，在较小的设备上，它将在这个布局下面包装

尝试以下操作：

CSS:

div{
边框：1px纯黑；
}
.行，.容器{
边界：无；
}

HTML:

1.
2.
3.
4.
5.

您必须相应地构造HTML。
请尝试此代码段

左列
右列第1行
右列第2行

您尝试过什么？Stackoverflow将为您的努力支付attentionWell，我已经用css网格创建了这个，但我想用bootstrap实现它。谢谢兄弟，它成功了，html有点棘手，这就是为什么我没有把它做好。谢谢分享您的方法。

<style>

div{
    border:1px solid black;
}
.row, .container{
    border: none;
}
</style>

<div class="container">
  <div class="row">
    <div class="col-sm-4">1</div>
    <div class="col-sm-8">
        <div class="row">
          <div class="col-sm-6">2</div>
          <div class="col-sm-6">3</div>
        </div>
        <div class="row">
          <div class="col-sm-6">4</div>
          <div class="col-sm-6">5</div>
        </div>
    </div>
  </div>
</div>