twitter-bootstrap - 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从表中增加。