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

时间:2015-06-16 17:37:59

标签: javascript jquery html css twitter-bootstrap

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

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

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

这里是我的代码:

Code

2 个答案:

答案 0 :(得分:1)

如果添加到margin-bottom:0;

,则navbar会执行此操作
.navbar {
    margin-bottom:0;
 }

This is a bootstrap example with both navbar and jumbotron

答案 1 :(得分:0)

试试这个:

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