在屏幕底部添加一行

时间:2014-11-22 19:50:13

标签: css twitter-bootstrap

我有一个Bootstrap .row,上面有一些导航控件。

我希望它直接位于其上方的内容下方,除非将其推离屏幕。

在这种情况下,我等待它保持贴在屏幕的底部。其他内容可能背后,但您可以在没有控件移动的情况下向下滚动页面。

这是否适用于Bootstrap的affix插件?另一种方法会更合适吗?

1 个答案:

答案 0 :(得分:0)

您可能想尝试添加一个" navbar-fixed-bottom"像这样的导航:

然后,您必须根据您的设置向您的身体或容器添加填充,例如:        身体> 。容器 {             padding-top:60px;         }

以下是一个例子:

http://getbootstrap.com/examples/sticky-footer-navbar/

此外,你不应该将.row放在与你相同的元素上"导航控件"