html - bootstrap -在另一列结束处开始创建新列

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

因为它们的高度不同，所以当第一个块结束时-第二个块的底部有很大的空白空间-并且仅在第二个块结束之后，第三个块才开始。

下图将描述我想说的话。

图像1-1和2nd块从同一行开始

http://i.stack.imgur.com/9b0WR.png

图片2-第一个区块结束，第二个区块未结束-当第三个区块结束时，第三个区块不低于第一个区块。仅当第二个块结束时，才在第三列中进行第三块的评价，这在不同的列中。

http://i.stack.imgur.com/76HXF.png

我希望第三个块在第一个块结束后开始-在第二个块的左侧没有较大的空白空间。

我该怎么办？

我所有的cols是col-md-6。

最佳答案

您可以使用javascript和jQuery使两个div的高度相等。
因此，如果您有＃div1和＃div2 ...

$.fn.equaliseHeights = function() {
	return this.height(Math.max.apply(this, $(this).map(function(i, e) {
		return $(e).height();
	}).get()));
}
$("#div1").add($("#div2")).equaliseHeights();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>