我在 Bootstrap 导航栏内的导航对齐时遇到问题。
在 plunkr 中创建了一个最小代码。 Plunkr here
我遇到的困难:
- 我想将“问题”导航移到最右边。
- 当我尝试在手机或平板电脑版本中查看时,同样的问题导航会创建 2 行。
我怎样才能解决这两个问题
最佳答案
- 在“.navbar-header”的顶部添加一个
pull-left
类(class)。默认情况下,此 header 不会针对移动设备 float 。添加 pull-left 会给右边的标题空间来显示你的问题导航。 - 一旦“.navbar-header”关闭,添加一个新的 div,
<div class=“pull-right”></div>
.您的“.navbar-collapse”和“problem nav”现在将驻留在此处。 - 将“.navbar-collapse”和“problem nav”放入其中。
- 将“.navbar-collapse”更新为
“pull-left”
你应该得到你想要的布局。
关于html - Bootstrap 导航栏对齐正确的问题没有崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43712599/