javascript - 不同的按钮大小 - Bootstrap

Question

我正在尝试使用引导程序 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 with 会给你带来期望，但它也带来了成本。您的按钮现在只能在其中包含这么多字符，然后才开始落后。

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

这是一个小提琴供您检查。

Answer 2

给你的按钮同样的宽度。

.btn-large {width: 80px;}