Bootstrap 导航栏对齐正确问题没有折叠
Bootstrap navbar alignment on right issue with no collapse
我无法对齐 bootstrap 导航栏中的导航。
在 plunkr 中创建了一个最小代码。
Plunkr here
我遇到的困难：
- 我想将 "Problem" 导航移到最右边。
- 当我尝试在手机或平板电脑版本中查看时，同样的问题导航会创建 2 行。
我怎样才能解决这两个问题
- 在“.navbar-header”的顶部添加一个
pull-left class。默认情况下，此 header 不会针对移动设备浮动。添加 pull-left 将使 header 空间向右显示您的问题导航。
- 一旦“.navbar-header”关闭，添加一个新的div、
<div class=“pull-right”></div>。您的“.navbar-collapse”和“问题导航”现在将驻留在此处。
- 将你的“.navbar-collapse”和“问题导航”放入其中。
- 将“.navbar-collapse”更新为
“pull-left”，你应该得到你想要的布局。
我无法对齐 bootstrap 导航栏中的导航。
在 plunkr 中创建了一个最小代码。 Plunkr here
我遇到的困难：
- 我想将 "Problem" 导航移到最右边。
- 当我尝试在手机或平板电脑版本中查看时，同样的问题导航会创建 2 行。
我怎样才能解决这两个问题
- 在“.navbar-header”的顶部添加一个
pull-leftclass。默认情况下，此 header 不会针对移动设备浮动。添加 pull-left 将使 header 空间向右显示您的问题导航。 - 一旦“.navbar-header”关闭，添加一个新的div、
<div class=“pull-right”></div>。您的“.navbar-collapse”和“问题导航”现在将驻留在此处。 - 将你的“.navbar-collapse”和“问题导航”放入其中。
- 将“.navbar-collapse”更新为
“pull-left”，你应该得到你想要的布局。