【问题标题】:Flushing footer to bottom of the page?将页脚刷新到页面底部?
【发布时间】:2015-09-10 16:22:29
【问题描述】:

我知道这个问题有很多主题,但我无法让它发挥作用。我希望我的页脚被刷新到页面底部(不固定)。有人可以告诉我如何在 Bootstrap 中执行此操作吗?

这是我页面的结构

<body>

    <div class="page-container">
        <div class="page-content">
            <div class="container-fluid">

                <!-- some code -->

            </div>
        </div>
    </div>

    <div class="page-footer">
        <div class="container-fluid">
             Copyright &copy; 2015. All Rights Reserved.
        </div>
    </div>

</body>

【问题讨论】:

  • 一种方法是使用min-height 作为内容!
  • 你试过什么?当前的解决方案不可能没有一个不起作用。
  • 希望对您有所帮助:stackoverflow.com/questions/21324395/…
  • 你能澄清一下吗?我假设您希望它位于窗口底部,除非内容高于窗口?
  • 你能提供给我们你试过的CSS吗?

标签: html twitter-bootstrap twitter-bootstrap-3 footer


【解决方案1】:

这就是 bootstrap 的做法:

http://getbootstrap.com/examples/sticky-footer/

【讨论】:

    猜你喜欢
    • 2012-04-23
    • 2018-11-13
    • 2016-02-01
    • 2017-12-05
    • 2013-09-25
    • 2014-11-09
    • 1970-01-01
    相关资源
    最近更新 更多