Twitter Bootstrap 3 导航栏切换中的对齐方式答案

【问题标题】：Alignment in Twitter Bootstrap 3 navbar toggleTwitter Bootstrap 3 导航栏切换中的对齐方式
【发布时间】：2014-01-01 09:43:49
【问题描述】：

我在引导程序 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 -->

【问题讨论】：

右转

【解决方案1】：

在类字符串中使用'pull-right'并让引导程序排列按钮。

有关更多信息，请查看 Helper 类

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

【讨论】：

<li><a class="pull-right" href="/contact">goto right</a></li> 有效，但它可以制作水平菜单，我需要垂直右对齐菜单。
您的问题不清楚，您应该提供您正在尝试做的任何示例。我认为引导程序没有任何垂直对齐类，您必须为此使用自定义 css。

【解决方案2】：

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

只需float:left 并调整边距。

将此添加到自定义 CSS 的底部。
注意：不要修改 Bootstrap 源代码。

/* 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;
}

【讨论】：