Bootstrap Web Template:如何将页脚元素粘贴到页面底部?

时间:2016-07-31 08:22:37

标签: css twitter-bootstrap footer

我想要的似乎很简单,但我无法实现它! :(

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

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

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

.row.content {height: 450px}

我如何同时实现这两个目标?

1 个答案:

答案 0 :(得分:3)

这个问题已被多次询问,但这里仍然是代码:

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