Bootstrap导航栏右侧位于左下方

Question

请查看官方导航栏示例： https://getbootstrap.com/examples/navbar/

如果您尝试调整浏览器大小，则会看到以下内容：

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

如何轻松解决此问题？

Answer 1

此菜单在一行中没有足够的空间。右侧部分不适合同一条线。你可以：

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