Here are three different button sizes:

```html
<div class="btn-group btn-small">
    <button class="btn btn-small btn-success" href="#" type="button">Approve</button>
    <button class="btn btn-small btn-danger" href="#" type="button">Deny</button>
</div>

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

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

```

All three of those result in this:

![screenshot](https://i.imgur.com/o2eT9Ek.png)

Why would `btn`, `btn-success`, `btn-danger` and `btn-group` all work, but not btn-mini/small/etc?