2015-10-21 77 views
0

我想要一个固定的顶栏,内容如下。但是,如果我没有设置边距的顶部,这个div的内容将被置于固定的顶部栏之下。固定顶栏下的Div

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div id="navbar" class="navbar-collapse collapse"></div> 
    </div> 
</nav> 
<div class="container"> 
    <h1>Navbar example</h1> 
    <h1>Navbar example</h1> 
    <h1>Navbar example</h1> 
    <h1>Navbar example</h1> 
    <h1>Navbar example</h1> 
</div> 

设置边距是正确的方式,还是有一些方法在boostrapt中做出来?

http://jsfiddle.net/5f5g3mu0/

回答

1

Docs

固定的导航栏将覆盖您的其他内容,除非您将 填充添加到顶部。尝试自己的价值观或使用下面的 代码段。提示:默认情况下,导航栏高50px。

body { 
    padding-top:70px; 
}