Bootstrap Web 模板：如何将页脚元素粘贴到页面底部？

Question

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

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

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

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

.row.content {height: 450px}

如何同时实现两者？

Answer 1

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

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