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



我有一个基本的引导页面,使用示例:

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

从本质上讲,我想将页眉和页脚用作控制面板,同时让中间内容相应地滚动更大的内容,而不是将页脚推到视线之外。

有什么想法吗?

谢谢G

#footer positionabsolute更改为fixed

编辑:
好的,这里有一些指南线可以帮助您更接近您需要做的事情(有些可能已经完成,所以只需仔细检查)

  • htmlbody都应该有height: 100%
  • navbar-fixed-top替换为navbar-static-top
  • navbar移到container
  • container变得container-fluid padding: 0
  • 您需要在容器内填充,您可以通过添加包含page-headerlead但不包含导航的row-fluid来做到这一点
  • #footer中删除position或将其设置为relative
  • container添加overflow-y:scroll

最新更新