如何将按钮向右对齐（引导程序 3.6）答案

【问题标题】：how to align a button to the right (bootstrap 3.6)如何将按钮向右对齐（引导程序 3.6）
【发布时间】：2018-05-07 12:13:04
【问题描述】：

我尝试将这些项目定位为：

所以我更改后的标记is here

<div class="container">

  <div class="row">

    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header page-scroll col-4">
      <button type="button" class="navbar-toggle" (click)="isCollapsed = !isCollapsed">
        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
      </button>
      <a class="navbar-brand" href="#/">Home</a>
      <a class="navbar-brand" href="#/report">Report</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="searchBox col-4" [collapse]="isCollapsed">
      <form class="navbar-form  search">
        <div class="form-group">
          <!--</typeahead>-->
          <input [(ngModel)]="country"
                 [typeahead]="countries"
                 autocomplete="off"
                 (typeaheadOnSelect)="countrySelected($event)"
                 class="form-control searchInput" [ngModelOptions]="{standalone: true}"/>

          <div class="btn-group" dropdown>
            <button dropdownToggle type="button" class="btn btn-primary dropdown-toggle">
              {{selectedSearchType.name}} <span class="caret"></span>
            </button>
            <ul dropdownMenu class="dropdown-menu" role="menu">
              <li *ngFor="let type of searchType;  let i = index;" role="menuitem">
                <a (click)="onTypeChange(type)" class="dropdown-item cursor-pointer">{{type.name}}</a>
              </li>
            </ul>
          </div>

        </div>


      </form>
    </div>

    <div class="col-4">
      <button type="button" class="btn btn-primary" (click)="loadFromSheet()">
        <span class="glyphicon glyphicon-paste"></span>
        Load from sheet
      </button>
    </div>

  </div>
</div>

但看起来是这样的：

如何解决这个问题，使"load" 按钮位于最右侧？

【问题讨论】：

11k 代表，1000 多个问题，而您仍然不知道需要将代码直接包含在问题中...这真的是您自己的帐户吗？
class="pull-right"
@musefan 每次我在人们要求我用 js-fiddle 编写的问题中添加代码时
@EladBenda: jsfiddle 对support你的问题很有用，因为它更容易让我们测试和修复，但你仍然应该在问题中包含原始代码
@AlekseySolovey 你是什么意思？

标签： javascript twitter-bootstrap angular

【解决方案1】：

您可以尝试将col-md-4 更改为col-md-3 或更小，并使用Load 按钮上的margin-left 属性来控制按钮之间的间距。您可能正在将button 推送到下一行，因此如果没有成功，请检查其他元素周围的 CSS 属性中的 paddings 和 margins。

希望这会有所帮助。

【讨论】：