当屏幕宽度<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 =
预览有mycss.css
和main.css
文件,我不知道我的脚本的哪个部分造成的问题。
我很确定这与dashboard-page
类有关,导航条被困在div中,div总是100%的屏幕,所以它给人一种导航条总是固定在顶部的错觉。
这个类的目的是什么?真的有必要吗?
删除main.css
和.dashboard-page
类的第6997行.dashboard-page .main
,以不同的方式规划页面,主元素不必绝对定位,除非它是一个弹出窗口或某种div在一切之上。删除这些类,重新构建你的html,你就可以很好地开始了!