固定引導導航欄與768×1024的視圖

Question

消失我下載的引導AZY響應1頁模板，並不能得到固定的導航欄留在屏幕768×1024（新iPad - 人像）的最高分辨率。它保持固定在從240×320到1024×768

我創建了一個小提琴的頂部，所有其他：http://jsfiddle.net/B2sw6/

我用這個嘗試，但沒有奏效：

.navbar-fixed-top { 
    position: fixed; 
    right: 0; 
    left: 0; 
    z-index: 1030; 
    top: 0; 
} 

如果您將中間分隔欄橫跨拖動到約。 768px的寬度，你會看到黑色的導航欄與頁面的其餘部分一起滾動，而不是保留在頂部。

有沒有人對如何更新CSS來解決這個任何提示？

Answer 1

你只需要做一個小小的修復。將position:fixed;添加到媒體查詢中的.navbar-fixed-top，最大979px。

變化

@media (max-width: 979px){ 
    .navbar-fixed-top { 
    margin-bottom: 0px; 
    } 
} 

與

@media screen and (max-width: 979px){ 
    .navbar-fixed-top { 
    margin-bottom: 0px; 
    position: fixed; 
    } 
} 

好運。

Answer 2

存在的CSS媒體查詢：

@media (max-width: 979px) 
.navbar-fixed-top, .navbar-fixed-bottom { 
position: static; 
} 

將其更改爲

position: fixed 

，它應該工作！