如何使用Bootstrap修复div对齐

Question

如何使用引导程序对齐红线上的所有div元素？

不正确：

正确：

div中的内容可能不相同，这是一个问题。 内容在中间是几段的Divs。 否则很多文本。

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

Answer 1

您需要将bg2类更新为此。 Yo上面有一个边距顶部，这将推动容器变大并产生间隙。 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);
});