不同的按钮大小 - Bootstrap

Question

我正在尝试使用bootstrap 2创建按钮组（彼此相邻的文本和图标按钮）。

<div class="btn-group chips">
  <button type="button"class="btn btn-large btn-success userChips">asdasd</button>
  <button type="button" class="btn btn-large btn-danger removeUser">
       <i class="icon-minus-sign"></i>
  </button>
</div>

左按钮（带图标的那个）的尺寸小于带有文字的那个（右边的）。

我该如何解决这个问题？

Answer 1

应用固定宽度

.btn {
    width: 80px;
}

虽然应用固定版本会让你满意，但它带来了成本。现在你的按钮在开始落后之前只能包含很多字符。

.fixed .btn {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: no-wrap;
}

这是fiddle，供您查看。

Answer 2

为您的按钮提供相同的宽度。

.btn-large {width: 80px;}