使Bootstrap导航栏始终折叠

时间:2013-06-08 21:45:44

标签: css twitter-bootstrap

我正在处理的网站没有使用Bootstrap导航栏用于桌面版,使用响应式导航栏(并隐藏自定义导航)在移动版本上。没有实际链接的导航栏即使在桌面版本中也会出现,显示品牌和搜索表单。

然而,问题是该网站最终有三种导航类型:

1)桌面版上使用的自定义导航单元。 2)带有切换按钮的折叠导航栏 3)大多数平板电脑上的默认“导航栏中的导航链接”。我想摆脱这个:有太多的链接(不能对网站结构做太多的改变),它看起来很吵。

Bootstrap的导航栏是否可能会崩溃?

1 个答案:

答案 0 :(得分:0)

这不是您问题的直接答案,但我认为这可能有助于您解决问题。

考虑使用Bootstrap Responsive Utility类隐藏某些导航元素。例如,可以将hidden-desktop类应用于导航栏内的菜单项。

滚动到此页面底部查看课程:

http://twitter.github.io/bootstrap/scaffolding.html#responsive