Html 引导-在另一列结束的位置启动新列

我正试图在我的网站上创建一个基于列的响应块（作为引导中的“面板”）。 我的目标是使不同高度的块（面板）在其他块结束时开始，而在全屏视图中同时有2个块

因为它们没有相同的高度，当第一个区块结束时——第二个区块底部有很大的空白空间——只有在第二个区块结束后，第三个区块才开始

下面的图片将描述我想说的内容

图像1-第一个块和第二个块从同一行开始

图像2-第一个块结束，第二个块没有结束-当他结束时，第三个块不在第一个块的下方。第三个块仅在第二个块结束时出现，第二个块位于不同的列中

我希望第三个街区在第一个街区结束后开始——第二个街区左侧没有大的空白空白区域

我怎么能做到

---

我所有的col都是col-md-6

您可以使用javascript和jQuery平衡两个div的高度。 所以如果你有第1组和第2组

$.fn.equaliseHeights=函数（）{
返回this.height（Math.max.apply（this，$（this）.map（函数（i，e）{
返回$（e）.height（）；
}).get（））；
}
$（“#div1”）。添加（$（“#div2”））。相等高度（）
如果希望在每个屏幕尺寸上都有两列布局，那么从
xs
开始`创建两列，并将每个奇数面板放在第一列，将每个偶数面板放在第二列。但是请在问题中添加一些html和css来解释问题。您不想使用这样的两列吗。。