如何使用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);
});