适用于平板电脑版本的Bootstrap可折叠菜单中断，适用于手机版本

Question

默认情况下，bootstrap中的断点是767px，但我需要将其分解为980px，以便在981px屏幕下显示可折叠菜单。

对于小于768px的屏幕，当前脚本可以正常工作（对于bootstrap的默认行为）。

我希望将相同的手机nav行为添加到980像素的屏幕。但是平板电脑版本已经破了。

主要问题是它不会像手机版一样添加垂直滚动条，因此如果菜单大于屏幕尺寸，我可以看到向下滚动到其他菜单项。

我的案例中的JSbin示例和屏幕截图

jsbin.com/yivihihota/1/edit

http://jsbin.com/yivihihota

适用于小于768像素的屏幕 适用于768px - 980px之间的屏幕

没有滚动条显示786px - 980px版本。

Answer 1

在你的css中试试这个媒体查询。

@media (min-width: 768px) and (max-width : 980px){
  .navbar-collapse.in{
    overflow-y: auto !important;
  }
}