滚动时,引导程序样式导航栏不会隐藏

时间:2015-05-28 08:06:19

标签: html css twitter-bootstrap navbar

当屏幕宽度< 768px,我无法弄清楚为什么我的导航栏不滚动,虽然我已将其设置为.navbar-static-top,但仍然看起来像.navbar-fixed-top

请参阅我的Plunker,代码位于文件dashborad.html第21行

<nav class="nav navbar navbar-static-top navbar-inverse  col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 ">

http://plnkr.co/edit/Vlx47gPERIJ8ELGEOWZm?p=preview

还有mycss.cssmain.css文件,我不知道我的脚本的哪一部分导致了这个问题。

1 个答案:

答案 0 :(得分:1)

我很确定它与dashboard-page类有关,导航栏被困在div中,它始终是屏幕的100%,因此它给出了导航栏始终固定的错觉顶部。

这门课的目的是什么?真的有必要吗?

删除.dashboard-page .mainmain.css类中第6997行中的.dashboard-page,以不同方式规划您的页面,主要元素不必绝对定位,除非它是弹出窗口或某些在一切之上都是一种div。删除这些类,重新构建你的HTML,你会很高兴!