Bootstrap将其按钮的名称从2.x更改为3.x

版本对比

|    2.x     |   3.x   |   4.x   |
|------------|---------|---------|
| .btn-large | .btn-lg | .btn-lg |
| .btn-small | .btn-sm | .btn-sm |
| .btn-mini  | .btn-xs |    -    |

Bootstrap 3 Demo

因此，更新后的代码应该如下所示：

<div class="btn-group">
    <a class="btn btn-xs btn-success" href="#">Approve</a>
    <a class="btn btn-xs btn-danger" href="#">Deny</a>
</div>
<br>
<div class="btn-group">
    <a class="btn btn-sm btn-success" href="#">Approve</a>
    <a class="btn btn-sm btn-danger" href="#">Deny</a>
</div>
<br>
<div class="btn-group">
    <a class="btn btn-success" href="#">Approve</a>
    <a class="btn btn-danger" href="#">Deny</a>
</div>

Demo in jsFiddle将生成以下内容：

各版本文档

• Bootstrap Buttons 2.x
• Bootstrap Buttons 3.x
• Bootstrap Bootstrap 4.x
• Migration Guide 2 ➡ 3
• 迁移指南3 4

(If有人来这里想知道为什么btn-xs或btn-group-xs在>= 4.0中不工作）
将日志从bootstrap 3.0更改为4.0：
完全删除了.btn-xs类，因为.btn-sm比v3的小得多。
...
删除了. btn-xs，完全删除了. btn-group-xs类。
Source

如果使用3.0版本，则必须更改类
http://jsfiddle.net/WrQNh/1/

<div class="btn-group btn-small">
    <button class="btn btn-xs btn-success" href="#" type="button">Approve</button>
    <button class="btn btn-xs btn-danger" href="#" type="button">Deny</button>
</div>
<br>
<div class="btn-group"> <a class="btn btn-sm btn-success" href="#">Approve</a>
     <a class="btn btn-sm btn-danger" href="#">Deny</a>
</div>
<br>
<div class="btn-group"> <a class="btn btn-success" href="#">Approve</a>
    <a class="btn btn-danger" href="#">Deny</a>
</div>

还要确保如果bootstrap.css被我们自己定制的 *.css文件覆盖，那么你有.btn-sm....添加到您的自定义 *.css文件中的逻辑。事实证明，这就是我的问题所在。