Bootstrap 4 引导列跨2行

我正在使用Bootstrap 4，这就是我想要实现的目标（一张千言万语的图片）：

这就是我通过使用此标记实现的目标：

<div class="col-lg-6">1</div>
<div class="col-lg-6">2</div>
<div class="col-lg-6">3</div> <!-- I want 3 to stick to the bottom of 1 -->

1
2.
3.

---

任何引导专家都能帮我解决这个问题吗？

为了得到与您想要的布局相似的东西，您必须使用嵌套的

行和
列，因此
div
1和3将位于一个容器上，该容器将使用12列中的6列，如下所示（见全屏）：


.col-lg-6{
边框：1px纯红；
最小高度：200px；
}
.col-lg-12{
边框：1px纯蓝色；
最小高度：200px；
}

1.
2.
3.
非常感谢您的回答。对于第二个例子，我有浏览器支持的问题，这就是为什么我不喜欢使用。对于第一个使用引导的示例（这很好），有没有办法将矩形“1”和矩形“2”交换为大视图，并保持它们在小视图中的状态？这并不不幸，因为从技术上讲，“1”和“2”是不同容器的子容器，您无法交换它们的位置（#1和#3，但是，您可以毫无问题地交换它们），在这一点上，为了继续使用Bootstrap，我认为对于这种特殊类型的布局，您最好只使用
d-*-none
和
d-*-block
之类的类在需要时隐藏和显示部分/：