Bootstrap固定页脚与容器div一起粉碎

Question

如果缩放，容器div中的内容将与固定页脚一起打碎。如果我在中心的表格中添加更多行，则页脚不会向下移动到页面上，它会一起打碎。

导航栏和页脚之间似乎有固定数量的像素 - 我希望页面尽可能地扩展，页脚始终位于底部。

我尝试了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。