html - 滚动时 Bootstrap 样式导航栏不隐藏

标签 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 文件,我不知道我的脚本的哪一部分导致了这个问题。

最佳答案

我很确定它与 dashboard-page 类有关,导航栏被困在那个总是 100% 屏幕的 div 中,所以它给人一种错觉导航栏始终固定在顶部。

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

删除 main.css.dashboard-page 类中第 6997 行的 .dashboard-page .main,以不同方式规划页面,主要元素不必绝对定位,除非它是一个弹出窗口或某种位于所有内容之上的 div。删除这些类,重新构建您的 html,您就可以开始了!

关于html - 滚动时 Bootstrap 样式导航栏不隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30500673/

相关文章:

html - CSS 覆盖规则和特异性

javascript - JQuery 不会动态追加 html 元素

html - 两列不同位置

html - 表单的响应位置

java - 链接到图像网址有效,但无法显示该图像

html - 调整外部文件中包含的 SVG 的大小

twitter-bootstrap - 带有下拉图标-chevron 的 Bootstrap Accordion 导航

html - Bootstrap 输入附加不适用于流体网格

javascript - 基于动态创建的下拉菜单动态显示文本框

html - 百分比值 (%) 的字体大小不随屏幕大小缩放