如何使用 Bootstrap 修复 div 对齐答案

【问题标题】：How to fix divs alignment using Bootstrap如何使用 Bootstrap 修复 div 对齐
【发布时间】：2015-03-15 04:35:13
【问题描述】：

如何使用 bootstrap 对齐红线上的所有 div 元素？

不正确：

正确：

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

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

【问题讨论】：

您想将 Image 1 中的 Div 更改为 Image 2 吗？您有想要更改的代码，或者只是想要通过引导程序构建代码？
看不懂你要什么，我给你写个代码：jsfiddle.net/Tr4him/dSK3P@Aikoku
你的问题我一个字都没听懂。你想要哪种风格？右还是左？？？？？？

标签： javascript html css twitter-bootstrap positioning

【解决方案1】：

您需要将 bg2 类更新为此。你有一个边缘顶部，它推动容器变大并产生间隙。 http://jsfiddle.net/dSK3P/2/

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

【讨论】：

【解决方案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);
});

【讨论】：