twitter-bootstrap - ブートストラップ固定フッターがコンテナー div と一緒に壊れる

Question

ズームすると、コンテナー div のコンテンツが固定フッターと一緒につぶれます。中央のテーブルにさらに行を追加すると、フッターはページ上で下に移動せず、一緒につぶれます。

navbar とフッターの間に一定数のピクセルがあるようです。

class="container-fluid" と class="row fluid" を試しましたが、どちらもこの問題を解決しませんでした。また、Googleでstackoverflowを広範囲に検索しましたが、解決策が見つかりません。

ありがとう。

Answer 1

テーブルの直後<div id="footer">の、の内側に移動します。また、フッターの内側にあるものを削除します。これは必要ありません。<div class="container">div<div class="container">

結果は画像のようになります。

編集：また、フッターをスティッキーにしたい場合は、CSS-tricksからこのトリックを使用できます。

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:50px;
   width:100%;
   background:#999;
}

そしてmargin-bottom、テーブルからを増やすことを忘れないでください。