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

Question

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

BootPly

更新：

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

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;
}