html – Bootstrap中的固定页脚

前端之家收集整理的这篇文章主要介绍了html – Bootstrap中的固定页脚前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试 Bootstrap,我想知道,如果内容滚动,我如何可以修复底部的页脚,而不会从页面中消失?

解决方法

要获得一个粘贴到您的视口底部的页脚,请给它一个固定的位置,如下所示:
footer {
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
}

Bootstrap在Navbar>中包含这个CSS放置部分与类navbar-fixed-bottom。只需将此类添加到您的页脚元素:

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

Bootstrap docs:http://v4-alpha.getbootstrap.com/components/navbar/#placement

原文链接:https://www.f2er.com/html/232732.html

猜你在找的HTML相关文章