固定页脚在Bootstrap中

Question

我正在尝试Bootstrap,我想知道,如果内容滚动,我怎么能在底部修复页脚而不会从页面中消失？

Answer 1

要获得粘贴到视口底部的页脚,请将其固定在以下位置:

footer {
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
}

Bootstrap在包含该类的Navbar> Placement部分中包含此CSS fixed-bottom.只需将此类添加到您的页脚元素:

<footer class="fixed-bottom">

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

Answer 2

添加这个:

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

/sf/answers/1512293261/

编辑:类navbar-fixed-bottom已更改fixed-bottom为Bootstrap v4-alpha.6.

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

Answer 3

添加固定底部：

<div class="footer fixed-bottom">