将导航栏顶部和导航栏侧固定到屏幕

时间:2014-03-08 00:28:11

标签: jquery html css twitter-bootstrap

我在这里使用twitter bootstrap 3模板:http://startbootstrap.com/templates/sb-admin-v2/

class="navbar navbar-default navbar-static-top"位于顶部 和class="navbar-default navbar-static-side"

如何将其固定在屏幕上?

我尝试过:navbar-fixed-top但是这会改变我的观念,因为我无法看到旁边的一部分......

3 个答案:

答案 0 :(得分:2)

navbar-static-side上,添加css

position: fixed;
top: 65px;

navbar上,添加

position:fixed;
width: 100%;

将它们修复到页面。

答案 1 :(得分:2)

不确定我明白你需要什么,但是..如果它是你的固定导航栏 - 在页面顶部 - 隐藏侧边栏(静态项目),你应该考虑添加一点点填充到身体的顶部。如果您决定对侧边栏以及导航栏使用固定定位,则必须使用topbottom手动将其与页面顶部保持距离。

答案 2 :(得分:0)

只需将<p style="margin: 35px;"></p>放在<body>之后。还有!你会看到固定的导航栏没有任何问题!