如何使用Bootstrap修复div对齐

Question

如何使用bootstrap，我可以在红线上对齐所有div元素？

不正确：

正确：

div中的内容可能不一样，这是一个问题。中间内容很少的段落。否则很多文字的地方。

我需要将所有页面的所有div上边缘放到一个位置。

Answer 1

您需要将bg2类更新为此。哟有一个上边缘，这推动容器更大，并弥补差距。 http://jsfiddle.net/dSK3P/2/

.bg2 { background-color: blue;margin-bottom: 20px;}

Answer 2

也许这个jQuery代码可以帮到你。我使用此代码将导航栏与内容分开，反之亦然。

$(window).resize(function () {
    $('content').css('margin-top', parseInt($('#main-navbar').css("height"))+10);
});

$(window).load(function () {
    $('content').css('margin-top', parseInt($('#main-navbar').css("height"))+10);
});