twitter-bootstrap - Bootstrap 导航栏 - 如何向下浮动导航栏固定顶部？

Question

在调整浏览器宽度时，如何使以下菜单随页面/正文浮动？

http://jsfiddle.net/J7jJh/1/show/

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
     // ...

固定工作正常http://jsfiddle.net/WWf3x/show/但我不希望导航栏位于顶部，我无法弄清楚如何使用边距或浮动与 navbar-fixed-top 来降低它同时向下推身体，也不要通过滚动重叠。

Answer 1

虽然可能会navbar-fixed-top随着身体向下推，但更清洁的解决方案是尝试将响应类应用于navbar，因为 BootStrap 2.3 似乎没有这样做。navbar-fixed-top如果您决定在将来或其他布局中使用它，这将允许您继续工作。

快速浏览一下BootStrap css 源代码之间的差异，navbar-fixed-top为我们提供了对.navbarcss

这是一个工作演示。这是css要添加的代码：

.navbar .container{
    width: 940px;
}

@media (min-width: 1200px) {
    .navbar .container
    {
        width: 1170px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .navbar .container
    {
        width: 724px;
    }    
}