css - Bootstrap Web 模板 : How to stick the footer element to the bottom of the page?

Question

我想要的看似简单却做不到! :(

我正在尝试修改和使用给定的 Web 模板示例 here .但是，存在一些问题:

首先，我希望页脚始终位于页面底部。在给定的示例中，页脚看起来像页面底部的页脚，因为它只使用了浏览器的一小部分。但是，如果您将代码作为独立页面运行，您会发现它并没有粘在底部。

其次，我也不喜欢下面这行。我不想指定高度。

.row.content {height: 450px}

如何同时实现这两个目标？

Answer 1

这个问题已经被问过很多次了，但这里还是代码:

footer {
  bottom: 0;
  position: fixed;
  width: 100%;
}
.row.content {
  position: fixed;
  height: 100%;
}