如何使用Twitter Bootstrap在表格单元格中垂直放置按钮?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (18)

如何使用Twitter Bootstrap在表格单元格中垂直放置按钮?

<table class="table table-bordered table-condensed">
  <tbody>
    <tr>
      <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td>
      <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td>
    </tr>
  </tbody>
</table>

提问于
用户回答回答于

Bootstrap对表格单元具有以下样式:

.table tbody > tr > td{
    vertical-align: top;
}

添加你自己的类,为前面的选择器增加更多的特性:

.table tbody > tr > td.vert-aligned {
    vertical-align: middle;
}

然后将这个类添加到你的tds:

<tr>
    <td class="vert-aligned"></td>
    ...
</tr>

用户回答回答于

.table tbody>tr>td
{
    vertical-align: top;
}

添加一个你自己的类:

.table tbody>tr>td.vert-align
{
    vertical-align: middle;
}

然后将其添加到你的tds

<td class="vert-align"></td>

扫码关注云+社区