Bootstrap 3 与 Flush 页脚到页面底部

Posted 2023-03-21

【中文标题】Bootstrap 3 与 Flush 页脚到页面底部

【英文标题】：Bootstrap 3 with Flush footer to bottom of page

【发布时间】：2017-02-01 19:33:23

【问题描述】：

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

在移动和正常尺寸的计算机屏幕上，页脚看起来不错。 ...但在更大的计算机屏幕（如 1229x1182）上，它会弹出并在页脚下方留下空间。

有人知道出了什么问题吗？ 该网站在我的 GitHub 页面上 http://joroze.com/

我只是希望它始终位于内容的底部并且具有响应性。

【参考方案1】：

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

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

好的，在您的情况下，在自定义类 page-footer 中增加 padding-bottom: 115px 是可行的，但您必须在其他设备中进行验证。

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

【讨论】：

它几乎解决了我的问题，但我不希望它修复（我不希望它在滚动时卡在底部。我希望它在滚动时位于底部）如果我改变

具体来说，在 4K 2560px 屏幕上仍然无法正常工作，但在较小的屏幕上确实可以工作。 :(