Bootstrap固定頁腳與容器div一起粉碎

Question

如果縮放，容器div中的內容與固定頁腳一起粉碎。如果我在中間的表格中添加更多行，頁腳不會在頁面上向下移動，它會一起砸碎。

導航欄和頁腳之間似乎有固定數量的像素 - 我希望頁面可以根據需要展開，頁腳始終位於底部。

我試過class =「container-fluid」和class =「row fluid」，但都沒有解決這個問題。我也谷歌搜索和廣泛搜索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。