ブートストラップ：スクロールバーを有効にする方法？

Question

私は自分のプロジェクトの1つでTwitter Bootstrapを使用していますが、コンテンツがブラウザの表示から消えてしまうという問題があります。通常は、画面の右側にスクロールバーが表示されますが、私の場合は表示されません。私はoverflow: hidden;のようなブートストラップCSSファイルを検索して削除しましたが、それは問題を解決しませんでした。

誰かがブートストラップCSSでスクロールバーを有効にする方法を知っていますか？

編集（バーが示されているCSSブートストラップなし）：

私は問題あなたが追加することができます黒のナビゲーションバーでnavbar-fixedことがわかりました。 postition: fixedがなければ正常に動作します。

Answer 1

探しているものである私は、「位置：固定」を取り除くたナビゲーションバーのためには私のために、この問題を解決：

.navbar-fixed-top, .navbar-fixed-bottom { 
    /*position: fixed;*/ 
    right: 0; 
    left: 0; 
    z-index: 1030; 
    margin-bottom: 0; 
} 

この男はまた、持っていますさらに便利な情報：http://davidlains.com/strange-twitter-bootstrap-scrolling-issue

Answer 2

<style type="text/css"> 
      body, html { 
       height: 100%; 
       overflow: hidden; 
      } 

      .navbar-inner { 
       height: 40px; 
      } 

      .scrollable { 
       height: 100%; 
       overflow: auto; 
      } 

      .max-height { 
       height: 100%; 
      } 

      .no-overflow { 
       overflow: hidden; 
      } 

      .pad40-top { 
       padding-top: 40px; 
      } 
    </style> 

希望、これはあなたが

Answer 3

navbarのすべての<div>が閉じていることを確認してください。そうでない場合、固定プロパティは降順タグによって継承され、スクロールバーは消えます。

Answer 4

あなたのHTMLコードには</div>というクローズがありません。 <div class="foobar">には、</div>のクローズが必要です。この（スクロールの問題）は、twitterブートストラップを使用してdivを閉じないと発生する可能性があります。

Answer 5

最後のスタイルシートで上書きします。
（おそらく独自のテーマのスタイルシート。）

html, body { 
    overflow: visible; 
}