html - Bootstrap 导航栏对齐正确的问题没有崩溃

Question

我在 Bootstrap 导航栏内的导航对齐时遇到问题。

在 plunkr 中创建了一个最小代码。Plunkr here

我遇到的困难:

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

我怎样才能解决这两个问题

Answer 1

1. 在“.navbar-header”的顶部添加一个pull-left类(class)。默认情况下，此 header 不会针对移动设备 float 。添加 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”你应该得到你想要的布局。