如何在bootstrap 3中对齐按钮？

Question

我有一个带有两个大按钮的表格，但是当它们很大时，按钮之间没有间距，而正常情况下间距太大。适当调整它们的诀窍是什么？调整大小后，我希望它们可以是搜索输入的旁边，也可以是下一行的中心。

这是我的代码

  <div class="container">
    <div class="row">
      <form class="form-horizontal" role="form">
        <div class="col-xs-10">
          <div class="form-group">
            <input class="form-control input-lg" type="text" placeholder="Find Something">
          </div>
        </div>
        <div class="row">
          <div class="col-xs-1">
          <button type="submit" class="btn btn-primary btn-lg">Search 1</button>
          </div>
          <div class="col-xs-1">
            <button type="submit" class="btn btn-primary btn-lg">Search 2</button>      
          </div>
        </div>        
      </form>
    </div>
  </div>

Answer 1

忘记.col-xx-XX并使用.form-inline呢？ （doc here）

您将以此代码结束：

<div class="container">
    <form class="form-inline" role="form">
            <input class="form-control input-lg" type="text" placeholder="Find Something" />
            <button type="submit" class="btn btn-primary btn-lg">Search 1</button>
            <button type="submit" class="btn btn-primary btn-lg">Search 2</button>            
    </form>
</div>

小提琴here。