如何在 Bootstrap 中将页脚固定在页面底部？

使用 Bootstrap 将页脚刷新到页面底部

问题：

获取困难使用 Twitter Bootstrap 将页脚刷新到页面底部，特别是考虑到其响应性质。如何有效地实现这一点？

答案：

Bootstrap 2.2.1 现已包含此功能。

对于 Bootstrap 3.x:

将导航栏组件与".navbar-fixed-bottom" 类：

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

对于 Bootstrap 4.x：

合并以下代码：

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

此外，请确保合并以下样式以防止页面内容被模糊：

body { padding-bottom: 70px; }

文档：

有关详细信息，请参阅官方 Bootstrap 文档：http://getbootstrap.com/components/#navbar-fixed-底部。

以上是如何在 Bootstrap 中将页脚固定在页面底部？的详细内容。更多信息请关注PHP中文网其他相关文章！