Bootstrap导航栏居中，但DIV高于内容

Question

经过1个小时的尝试和错误并寻找类似的问题，我尝试在这里得到答案。

我想将引导Nav-Bar包含在Div中。 我将导航栏居中，但是现在我的Div高于内容。 仅当导航栏居中时，此问题才可用。 如果我让它向左浮动，则导航栏下方的空间不存在...

屏幕截图（我要删除红色条纹的部分）

这是我的代码：

码

Answer 1

margin-bottom:0; 如果将其添加到navbar将达到目的

.navbar {
    margin-bottom:0;
 }

这是navbar和jumbotron的引导示例

Answer 2

尝试这个：

#header {        
    color: white;
    width: 100%;
    background-color: #222222;
    font-weight: 100;   
    margin: auto;
    padding: 30px 0;
    text-align: center; 
    font-size: 1.2em;
}