css - 如何使用粘性页脚将 bootstrap 3 容器设置为浏览器高度的 100%？

Question

如标题所述，如何使用粘性页脚将 bootstrap 3 容器(包装器)设置为浏览器窗口高度的 100%？

BootPly

更新:

粘性页脚工作正常，它是第一个 '<div class="container">'我需要 100% 的高度

Answer 1

您可以将页面高度设置为 100%，然后将页脚放在底部并为其高度留出边距。

像这里做的一样:http://getbootstrap.com/examples/sticky-footer-navbar/

首先将其添加到您的 CSS 中:

html {
  position: relative;
  min-height: 100%;
}

对于页脚添加这个

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;
}