Bootstrap 导航栏对齐在正确的问题上没有折叠

Question

我在引导导航栏中的导航对齐时遇到问题。

在 plunkr 中创建了一个最小的代码。 Plunkrhere

我遇到的困难：

• 我想将“问题”导航移到最右边。
• 当我尝试在手机或平板电脑版本中查看时，同样的问题导航会向下创建 2 行。

如何解决这两个问题

Answer 1

1. 在“.navbar-header”顶部添加一个pull-left 类。默认情况下，此标头不会针对移动设备浮动。添加 pull-left 将使标题空间向右显示您的问题导航。
2. 一旦“.navbar-header”关闭，添加一个新的 div，<div class=“pull-right”></div>。您的“.navbar-collapse”和“problem nav”现在将在这里显示。
3. 将“.navbar-collapse”和“problem nav”放入其中。
4. 将“.navbar-collapse”更新为“pull-left”，你应该会得到你想要的布局。