【问题标题】:Bootstrap 3 with Flush footer to bottom of pageBootstrap 3 与 Flush 页脚到页面底部
【发布时间】:2017-02-01 19:33:23
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: jquery html css twitter-bootstrap footer


    【解决方案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 屏幕上仍然无法正常工作,但在较小的屏幕上确实可以工作。 :(
    猜你喜欢
    • 2014-10-17
    • 2012-04-23
    • 2017-12-05
    • 1970-01-01
    • 2014-02-14
    • 2016-02-01
    • 2012-09-16
    • 2012-07-18
    • 2013-09-25
    相关资源
    最近更新 更多