在Twitter Bootstrap 3 navbar切换中对齐

我无法找到任何类,以正确的对齐导航栏3中的导航栏切换折叠菜单。有无论如何喜欢钩css来做到这一点? 这里是代码提到我需要对齐菜单! CesaStack切换导航

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="bs1">
      <ul class="nav navbar-nav navbar-right">
          <li><a href="/contact">goto right</a></li>
          <li><a href="#">goto right</a></li>
          <li><a href="#">goto right</a></li>
      </ul>
      <form class="navbar-form navbar-left" role="search">
          <div class="form-group">
              <input type="text" class="form-control text-right" placeholder="جست و جو">
          </div>
          <button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button>
      </form>
  </div><!-- /.navbar-collapse -->


在班级字符串中使用'pull-right'并让bootstrap安排按钮。

有关更多信息,请检查助手类

http://getbootstrap.com/css/#helper-classes


可折叠的导航栏按钮默认为float:right

简单float:left并调整边距..

将此添加到您的自定义CSS的底部。
注意:不要修改引导源。

/* floats toggled navbar to the left when screen gets small 
-solution by: http://jonasdev.com
*/
.navbar-toggle
{
margin-left:15px;
float:left;
margin-right:0px;
}

希望有所帮助 - jonasdev

链接地址: http://www.djcxy.com/p/94555.html

上一篇: Alignment in Twitter Bootstrap 3 navbar toggle

下一篇: Bootstrap NavBar with left, center or right aligned items