ブートストラップ3 navbar-fixed-topはモバイルビューで固定されています

Question

これはバグかもしれません。 私はtwitterのブートストラップ2.3。*を使ってウェブサイトを構築しました。問題は、最新の安定版であるブートストラップ3.RC-2（Wikipediaによる）に切り替えようとしたときに発生しました。また、ダウンロードに含まれているサンプルを試してみましたが、ビューポートのサイズを変更しようとしたときと同じ結果になりました。

この例では、http://bootply.com/69863をご覧になり、ウィンドウブラウザのサイズを変更してから、レンダリングビューをクリックして、メニューを展開してページをスクロールしてみてください。

私の実際の質問は、モバイル（折りたたみ可能）ビューで固定のnavbarを静的にする方法です。

Answer 1

.navbar-fixed-topは、現在、すべての画面サイズでナビバーを固定しています。これがデフォルトになります。 navbar.lessを見ても、このクラスにはメディアクエリは適用されません。崩壊は、ブートストラップCSSた後、以下に示すCSSを追加した後

ナビゲーションバーは、静的にするには：ベースJobsenは、モバイルでのより良いユーザビリティのために、言及したものに加えて

@media (max-width: 767px) /* @grid-float-breakpoint -1 */ 
{ 
    .navbar-fixed-top 
    { 
    position: relative; 
    top: auto; 
    } 
} 

Answer 2

を、以下のCSSスニペットは削除されます大画面固定ナビゲーションバーにナビゲーションバーの「サブスクロール」とあり、トップ余白を削除します。

@media (max-width: 767px) { 
    .navbar-fixed-top { 
     position: relative; 
     top: auto; 
    } 
    .navbar-collapse { 
     max-height: none; 
    } 
    body { 
     margin: 0; 
    } 
} 

Answer 3

@media (max-width: 767px){ 

    .navbar-fixed-top { 
     position: relative; 
     top: auto;/* Auto position navbar top */ 
    } 

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { 
     max-height:inherit;/* Clear max-height */ 
    } 

    body{ 
     padding:0px;/* No padding */ 
    } 
}