【问题标题】:Responsive Bootstrap Sticky Footer Height响应式 Bootstrap 粘性页脚高度
【发布时间】:2013-05-31 20:55:54
【问题描述】:

调整窗口大小时,页脚的高度会扩大,但背景颜色不会扩大。救命!

http://twitter.github.io/bootstrap/examples/sticky-footer.html

【问题讨论】:

    标签: html css twitter-bootstrap responsive-design sticky-footer


    【解决方案1】:

    height: auto 似乎解决了这个问题。您可以将它包含在小视口的媒体查询中:

    @media only screen and (max-device-width: 480px) {
        #footer {
            height: auto;
        }
    }
    

    【讨论】:

    • 这似乎不再适用于最新版本的 Bootstrap?
    • 我无法使用最新版本的 Bootstrap 重现原始问题,能否请您报告您使用的是什么操作系统和浏览器?
    • Windows 8、Chrome 37.0.2062.120 米
    • 可能是因为模拟了视口最大宽度。
    【解决方案2】:

    您的演示不再起作用,但我发现的最好的 Bootstrap 粘性页脚是:https://gist.github.com/aalaap/3066704

    【讨论】:

    • 示例仍然在线,但 URL 已更改:getbootstrap.com/examples/sticky-footer-navbar
    • @clarif 如下所述 - 引导示例使用固定高度并且不响应。
    • @ShyamalParikh 是的,确实如此。欢迎您发布一个指向小提琴的链接,其中包含一个您无法使其工作的示例,我相信有人能够帮助您使其工作。
    猜你喜欢
    • 2017-07-19
    • 1970-01-01
    • 2018-02-05
    • 2013-10-31
    • 2013-09-07
    • 1970-01-01
    • 2012-07-29
    • 2014-09-09
    相关资源
    最近更新 更多