Twitter Bootstrap Navbar菜单滚动

Question

在使用时twitter bootstrap 3,在移动设备菜单上nabber有水平和veritcal滚动条.

它不在那里,2.3我无法弄清楚如何禁用它,让菜单项扩展到完全没有任何滚动条.

Answer 1

这是Bootstrap 3的新功能.

执行此操作的最佳方法是删除或注释/less/navbar.less中的第52行和第53行:https://github.com/twbs/bootstrap/blob/master/less/navbar.less#L52-53(您可以选择删除第59行)并重新编译bootstrap.less.

如果你不能用CodeKit或Grunt这样的工具重新编译Bootstrap,你会想要在你的css文档中编写一个媒体查询来单独输出并覆盖.navbar-collapse类可能是这样的:

@media (max-width: 767px) {
   .navbar-collapse {
      max-height: auto;
      overflow-x: auto;
   }
}

我实际上没有测试过上面的代码 - 因为我能够重新编译.你可能必须包括!important或类似的东西.

Answer 2

这应该这样做(如果你遵守CSS 3.0规则)

 max-height: none;