我有一个基本的引导页面,使用示例:
我喜欢将内容放在中间以填充两者之间的空间,但我希望页眉和页脚始终可见。因此,如果内容大于屏幕,则我喜欢滚动,同时将页眉和页脚保留在那里。
从本质上讲,我想将页眉和页脚用作控制面板,同时让中间内容相应地滚动更大的内容,而不是将页脚推到视线之外。
有什么想法吗?
谢谢G
将#footer
position
从absolute
更改为fixed
编辑:
好的,这里有一些指南线可以帮助您更接近您需要做的事情(有些可能已经完成,所以只需仔细检查)
-
html
和body
都应该有height: 100%
- 将
navbar-fixed-top
替换为navbar-static-top
- 将
navbar
移到container
内 -
container
变得container-fluid
padding: 0
- 您需要在容器内填充,您可以通过添加包含
page-header
和lead
但不包含导航的row-fluid
来做到这一点 - 从
#footer
中删除position
或将其设置为relative
- 向
container
添加overflow-y:scroll