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

Question

经过1小时的尝试和错误并搜索此类问题后，我试着在这里得到答案。

我想将一个bootstrap Nav-Bar包含在Div中。 我集中了Nav-Bar，但现在我的Div高于内容。此问题仅在导航栏居中时可用。如果我让浮动离开，导航栏下方的空间不在那里......

Screenshot (i want to remove the red-striped part)

这里是我的代码：

Code

Answer 1

如果添加到margin-bottom:0;

，则navbar会执行此操作

.navbar {
    margin-bottom:0;
 }

This is a bootstrap example with both navbar and 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;
}