Bootstrap 3 Navbar有许多项目没有折叠但是改为两行

Question

我花了好几个小时浏览这个主题的帖子，但仍然无法解决为什么我在屏幕较小时获得两行，而预期的结果是获得切换按钮。

我尝试通过添加额外的css数据来更改覆盖here的最大宽度。

我也尝试过建议here。

这是完整的大型桌面屏幕尺寸：

这是大型桌面屏幕尺寸的3/4：

这是大型桌面屏幕尺寸的1/2：

Here is the code

Answer 1

这不是bootstrap的问题，这就是bootstrap的工作原理。 当您使屏幕中等较小时，右侧对齐的项目将转到新行。 只有在小屏幕上，您才会看到汉堡包菜单。

Answer 2

易于修复。

这是因为你有两个navbar-brand链接。

    <a class="navbar-brand" href="#"><img src="" alt="Text">
    </a></div><a class="navbar-brand" href="#">
    </a>

摆脱第二个和结束div，它应该就是这样：

    <a class="navbar-brand" href="#"><img src="" alt="Text">
    </a>