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

Question

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

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

基本上，我想将页眉和页脚用作控制面板，同时让中间内容随较大的内容相应滚动，而不是将页脚推到看不见的地方。

有什么想法吗？

谢谢 G

Answer 1

将 #footer position 从 absolute 更改为 fixed

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

• html 和 body 都应该有 height: 100%
• 将 navbar-fixed-top 替换为 navbar-static-top
• 将 navbar 移到 container 中
• container 变成 container-fluid with padding: 0
• 您需要在容器内填充，您可以通过添加包含 page-header 和 lead 的 row-fluid 来实现，但是不是导航
• 从 #footer 中删除 position 或将其设置为 relative
• 添加overflow-y:scroll到container