Bootstrap 导航栏右侧落在左侧下方

Question

请看官方的navbar例子： https://getbootstrap.com/examples/navbar/

如果您尝试调整浏览器大小，您会看到：

今天我在我的网站上发现了同样的问题。

如何轻松解决此问题？

Answer 1

此菜单的一行 space 不够。右侧部分不在同一行。您可以：

1. 减少菜单项的数量
   （例如，通过添加 hidden-sm class 隐藏其中之一）
2. 缩短项目名称
3. 隐藏姓名中的单词：
   <li><a href="#">Something else<span class="hidden-sm"> here</span></a></li>
4. 缩小菜单项之间的距离
5. 针对此屏幕宽度减小徽标的宽度
6. 展开容器或改用container-fluid