Html 带列环绕和不同高度的引导垂直对齐

我想展示尺寸为“col-md-6”的4个div。 如果它们都有相同的高度，那么它们都在工作（结果如下）

1 2
34

但如果其中一个（例如1 div）比其他的高，则结果会发生变化，并且3不是从数字3 div的底部开始的

我明白了：

12
2
4
4
三,

我想要这个：

12
32
四,

多谢各位

引导示例
推拉
调整浏览器窗口的大小以查看效果

A
A
A
A
A
A
A
A
A
A
A
B
B
B
B
B
B
B
C
C
C
C
C
C
C
D
D
D
D
D
D
D

您可以试试这个

我刚刚在您的行中添加了两个col：

之前：

<div class="row">
    <div class="col-md-6" style="background-color:red;">...</div>
    <div class="col-md-6" style="background-color:green;">...</div>
    <div class="col-md-6" style="background-color:yellow;">...</div>
    <div class="col-md-6" style="background-color:purple;">...</div>
</div>

...
...
...
...

之后：

<div class="row">
    <div class="col-md-6" style="padding: 0">
        <div style="background-color:purple;">...</div>
        <div style="background-color:red;">...</div>
    </div>
    <div class="col-md-6" style="padding: 0">
        <div style="background-color:green;">...</div>
        <div style="background-color:yellow;">...</div>
    </div>
</div>

...
...
...
...

---

我希望能回答您的请求

您好，请把您的code@core114只是像CodePen一样，还不够吗？你好，你想要同样大小的还是同样高的谢谢你Nicolas