twitter-bootstrap太宽的导航栏

Question

我正在网站上工作，我正在使用bootstrap框架 我有一个导航栏设置，非常“原始”但我在导航栏上有太多项目。因此我有2行导航条 我想要的是导航栏在1行上设置了多个项目，如果没有足够的宽度来设置它们，那么它显示一个带有“更多”的下拉列表，剩下的项目位于“下拉列表”下。

Answer 1

首先，我建议如果您在导航中确实有这么多项目，您可能需要一个垂直导航菜单而不是水平导航栏。

然后，如果你真的想要你所描述的内容，你不能在开箱即用的情况下做到这一点，你需要自己编写自己的“动态”下拉列表。

你可以做的是听window.resize事件， 检测响应的导航栏宽度并计算尾部中应将多少项放入下拉列表中。然后在javascript中执行此操作。