jquery - Bootstrap 3 将页脚齐平到页面底部

Question

我一直在从事网络开发，并开始在我自己的页面上工作。我有一个问题，我有一段时间无法解决。

在移动设备和普通尺寸的计算机屏幕上，页脚看起来不错。...但是在更大的电脑屏幕上(例如 1229x1182)，它会弹出并在页脚下方留下一个空间。

有人知道哪里出了问题吗？ 该网站位于我的 GitHub 页面上 http://joroze.com/

我只希望它始终位于内容的底部并且能够响应。

Answer 1

使用这个类 navbar-fixed-bottom将其固定到屏幕底部

<footer class="page-footer navbar-fixed-bottom">

好的，在你的情况下增加 padding-bottom: 115px在自定义类中 page-footer有效，但您必须在其他设备上验证它。

.page-footer {
    padding-bottom: 115px; // Old value 90px
    .....
    ....
}