平板电脑版的Bootstrap菜单导航中断

Question

我正在使用bootstrap nav来显示菜单，在我的情况下，我的菜单很大，只有很少的子菜单，每个子菜单都有大约10个子菜单。

我在jsbin上设置了示例。由于某种原因tab＆amp;移动版菜单未显示。

http://jsbin.com/hobuzasire/2/edit

我面临的实际问题是此菜单没有显示所有菜单项，甚至不允许滚动浏览所有菜单项。

如何为tab＆amp; amp;移动版可滚动，以防它大于屏幕，以便用户可以滚动浏览所有菜单项。

此外，我希望在屏幕尺寸为1199px时显示菜单的移动版本，默认情况下它的工作频率为768px;

更新： 来自bootstrap类的这个css属性限制了菜单高度，当菜单大于屏幕大小（高度）时，如何使菜单随项目增长并添加可滚动

.navbar-collapse{
    max-height: 340px;
}

Answer 1

按钮在那里工作，您无法看到它，因为您使用的图标字体未包含在您的文件中。一定要包含FontAwesome css链接：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

将其放入后，按钮会按预期显示。