对齐按钮组

Question

我用bootstrap 3. 我有一个 bootstrap-table，在它上面，我有一个按钮组，我想对齐到 table 的右边。其实是左边

  <div id="toolbar" class="btn-group">
      <button class="btn btn-primary">
        Actions
      </button>
      <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu dropdown-menu-right">
          <li>
              <a href="#">Anuler</a>
          </li>
          <li>
              <a href="#">Sauvegarder</a>
          </li>
          <li class="dropdown dropdown-submenu"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Payez</a>
              <ul class="dropdown-menu">
                  <li><a href="#">Comptant</a></li>
                  <li><a href="#">Débit</a></li>
                  <li><a href="#">Chèque</a></li>
              </ul>
          </li>
      </ul>
  </div>

Answer 1

您希望操作按钮在右侧吗？

如果您的 fiddle 是这种情况，我只需添加以下 CSS 规则：

.fixed-table-toolbar .pull-left {
    float: right !important;
}

您需要这个，因为从 fiddle 上的 CSS 开始，class .pull-left（包含按钮的那个）设置为：float: left !important;所以你只需要用我提供的 CSS

将它设置为正确的

Answer 2

对于 Bootstrap 2.3，请参阅：http://getbootstrap.com/2.3.2/components.html#misc-> Helper 类 -> .pull-right

对于 Bootstrap 3，请参阅：http://getbootstrap.com/css/#helper-classes -> Helper classes

因此，将 'pull-right' 插入 class 字符串并让 bootstrap 排列按钮。

Answer 3

只需将 .pull-right 添加到 .fixed-table-toolbar

Answer 4

使用pull-right class代替pull-left

对齐按钮组

Align button group

css

twitter-bootstrap

twitter-bootstrap-3

bootstrap-table