Bootstrap - 对齐按钮组中的“分割”按钮

Question

bootstrap 3是否提供了向对齐的按钮组添加拆分按钮的方法？

设置示例here。

感谢。

Answer 1

我没有修复所有的样式差异，但你可以使用display：table元素来包装你想要100％宽度的固定宽度项目来填充区域。

这是更新的jsbin：http://jsbin.com/cohazubu/8/edit

示例：

HTML：

<div class="padded-table">
  <div class="tc-fluid">
    content you want to be 100%
  </div>

  <div class="tc-fixed" style="width: 40px">
    content with a fixed width
  </div>
</div>

CSS：

.padded-table {
  width: 100%; 
  display: table;
}

// Need to specify inline/mix in a width setting
.tc-fixed {
  display: table-cell; 
  vertical-align: middle;
}

.tc-fluid {
    display: table-cell; 
    width: 100%;
    vertical-align: middle;
  }
}