twitter-bootstrap - Bootstrap - 将网格 col 对齐到中间和左侧的垂直对齐

Question

我有一个有一行和两列的网格，我需要将 span3 放在列的中间。

这是我现在得到的结果：

html

<div class="container">
  <div class="row index">

    <div class="col-lg-2">
      <h3>Para receber:</h3>
    </div>

    <div class="col col-lg-10">
      <div class="span3">
        <button type="button" class="btn btn-warning btn-sm">Hoje</button>
        <button type="button" class="btn btn-warning btn-sm">Na Semana</button>
        <button type="button" class="btn btn-warning btn-sm">No Mês</button>
        <button type="button" class="btn btn-danger btn-sm">Somente Atrasados</button>
      </div>
    </div>
  </div><!-- /.row -->
<div/>

Answer 1

我找到的解决方案是创建一个带有表单组的表单并将标签放在按钮上。

<div class="col-lg-12">

      <form class="form-inline" role="form">
        <div class="form-group">
          <label>Para Receber: </label>
          <button type="button" class="btn btn-warning btn-sm">Hoje</button>
          <button type="button" class="btn btn-warning btn-sm">Na Semana</button>
          <button type="button" class="btn btn-warning btn-sm">No Mês</button>
          <button type="button" class="btn btn-danger btn-sm">Somente Atrasados</button>
        </div>

      </form>

    </div><!-- /.col-lg-12 -->