css - 通用 twitter bootstrap sticky-footer-with-navbar 示例中的错误？

Question

我正在尝试在引导程序中创建一个粘性页脚，并使用此处提供的默认模板：http: //twitter.github.io/bootstrap/examples/sticky-footer-navbar.html

提供的示例似乎有问题；当通过较小的分辨率查看页面时，导航栏会折叠（应该如此），但是最初阻止内容隐藏在导航栏下的 60 像素填充会在导航栏和内容之间产生很大的间隙。

有任何想法吗？

谢谢

Answer 1

也许应该是

#push, #footer {
min-height: 60px;
}

而不仅仅是高度

Answer 2

更改此行为的一种简单方法是在导航栏折叠时删除 60px 填充。这样的事情应该可以解决问题：

@media (max-width: 979px) {

#wrap > .container {
padding-top: 0;
}

}

您可能必须更改 div 名称以匹配您的命名。

祝你好运！