twitter-bootstrap太宽导航栏

Question

我在一个网站上工作，我正在使用bootstrap框架。

我有一个导航栏设置，相当“原始”，但我有太多的项目在导航栏上。因此，我有两行导航栏项目。

我想要的是导航栏在一行上设置尽可能多的项目，如果没有足够的宽度来设置它们，它会显示一个带有"more“的下拉列表，其余的项目在" dropdown”下。

Answer 1

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

然后，如果你真的想要你描述的东西，你不能用bootstrap开箱即用，你需要自己编写你自己的“动态”下拉菜单。

您可以做的是侦听window.resize事件，检测响应导航栏的宽度，并计算尾部有多少项应该放入下拉列表中。然后在javascript中这样做。