强制twitter bootstrap使用移动菜单

时间:2013-09-12 17:57:30

标签: twitter-bootstrap

我想强制每个移动设备上的折叠菜单,而不是取决于屏幕分辨率。使用asp.net mvc 4我可以检查我是否有移动设备,如果是这样我想强制从bootstrap折叠移动菜单。我怎样才能实现它?

2 个答案:

答案 0 :(得分:1)

您必须覆盖默认媒体查询才能让navbar-collapse始终保持可见状态。例如,你可以在Bootstrap 3的style.css的第4296行找到这个:

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

当浏览器窗口超过768px时,此按钮隐藏按钮。因此,不要隐藏它,而是将显示更改为block。四处寻找并与其他元素一起玩,例如navbar-nav。这是相同的原则。

答案 1 :(得分:1)

不建议这样做 - 但我前几天为移动应用做了这个。

我有bootstrap.min.css,只是找到了替换768px并替换为3000px。

这具有强制菜单不隐藏的效果,直到=> 3000px