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.jb51.cc/html/232732.html