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

Question

我正在使用 bootstrap nav 来显示菜单，在我的例子中，我的菜单很大，只有几个子菜单，每个子菜单大约有 10 个子菜单。

我已经在 jsbin 上设置了示例。由于某些原因，选项卡和移动版菜单未显示。

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

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

如果选项卡和移动版本的菜单大于屏幕，我如何使它可以滚动，以便用户可以滚动浏览所有菜单项。

我还想在屏幕尺寸默认为 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">

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