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; 
    }  
}