空心按钮

<a href="AAA" class="btn btn-outline-primary"><i class="fal fa-cog"></i>  空心按钮</a>

<a href="AAA" class="btn btn-primary"><i class="fal fa-cog"></i>  实心按钮</a>

按钮徽标

170441

<span class="badge badge-pill badge-primary">170441</span>

<span class="badge badge-primary">170441</span>

Primary Secondary Success Danger Warning Info Light Dark Link

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>

无法点击

<button type="button" class="btn btn-lg btn-primary" disabled>无法点击</button>

<button type="button" class="btn btn-primary btn-lg btn-block">自适应宽度</button>