html - Bootstrap 3 Navbar 有很多元素没有折叠但是变成了两行

Question

我已经花了几个小时浏览关于这个主题的大量帖子，但仍然无法解决为什么当我缩小屏幕时出现两行，而预期的结果是获得切换按钮。

我已尝试更改最大宽度，如前所述 here通过添加额外的 css 数据。

我也试过建议的 here .

这是全大桌面屏幕尺寸:

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

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

Here is the code

Answer 1

易于修复。

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

    <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>