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/，但我不希望在顶部导航栏，我无法弄清楚如何使用margin或float与导航栏固定顶要拿同时向下推动机身并且不通过滚动重叠。

Answer 1

尽管可能会将navbar-fixed-top与身体一起向下推，但由于BootStrap 2.3似乎没有这样做，因此更清晰的解决方案是尝试将响应类应用于navbar。如果您决定在将来或其他布局中使用它，这将允许您保持navbar-fixed-top正常工作。

快速查看BootStrap css源代码中navbar-fixed-top和navbar之间的差异，可以让我们对css进行补充。

这是一个工作demo。这里是要添加的代码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; 
    }  
}