twitter-bootstrap导航栏太宽

Question

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

Answer 1

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

然后，如果您真的想要您所描述的内容，那么就不能使用现成的引导程序来做到这一点，您需要自己编写自己的“动态”下拉列表。

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