Bootstrap中的固定页脚

我正在尝试Bootstrap，我想知道，如果滚动内容，如何将页脚固定在底部而又不会从页面中消失呢？

要获得贴在视口底部的页脚，请将其固定在这样的位置：

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

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

<footer class="fixed-bottom">

引导文档：https : //getbootstrap.com/docs/4.4/utilities/position/#fixed-bottom

添加：

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

https://stackoverflow.com/a/21604189

编辑：类navbar-fixed-bottom已更改fixed-bottom为自Bootstrap v4-alpha.6起。

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

添加：

<div class="footer fixed-bottom">

添加z-index:-9999;到此方法，否则，它将覆盖您的顶部栏1。

您可以通过将页面内容包装在div中并应用以下id样式来实现：

<style>
#wrap {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -60px;
}
</style>

<div id="wrap">
    <!-- Your page content here... -->
</div>

为我工作。

您可能需要检查以下示例：http : //getbootstrap.com/2.3.2/examples/sticky-footer.html