Bootstrap 3 - 在静态页眉和页脚之间填充页面容器(填充宽度和高度)

时间:2014-02-25 10:46:25

标签: javascript jquery html css twitter-bootstrap

我有一个使用Example的基本引导页面:

我想在中间填充内容以填充两者之间的空间但我希望页眉和页脚始终可见。 因此,如果内容大于屏幕,我喜欢它滚动,同时保持页眉和页脚。

基本上,我想使用页眉和页脚作为控制面板,而中间内容相应地滚动内容较大,而不是将页脚推到视线之外。

有什么想法吗?

由于 ģ

1 个答案:

答案 0 :(得分:0)

#footer positionabsolute更改为fixed

修改
好的,这里有一些指导方针可以帮助您更接近您需要做的事情(有些可能已经完成,所以只需仔细检查)

  • htmlbody都应该height: 100%
  • navbar-fixed-top替换为navbar-static-top
  • 移动navbar内的container
  • containercontainer-fluid
  • 成为padding: 0
  • 您需要在容器内部填充,您可以通过添加包含row-fluidpage-header但不包含导航<{li>的lead来实现此目的
  • position移除#footer或将其设置为relative
  • overflow-y:scroll添加到container