<a href="#" class="link-primary">a simple primary link</a>
<a href="#" class="link-danger">a simple danger link</a>
<a href="#" class="link-warning">a simple warning link</a>
<a href="#" class="link-success">a simple success link</a>
<a href="#" class="link-secondary">a simple secondary link</a>
<a href="#" class="link-dark">a simple dark link</a>
<a href="#" class="link-adaptive">a simple adaptive link</a>
                

<button type="button" class="btn btn-primary">primary</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-success">success</button>
<button type="button" class="btn btn-secondary">secondary</button>
<button type="button" class="btn btn-dark">dark</button>
                

<button type="button" class="btn btn-outline-primary">primary</button>
<button type="button" class="btn btn-outline-danger">danger</button>
<button type="button" class="btn btn-outline-warning">warning</button>
<button type="button" class="btn btn-outline-success">success</button>
<button type="button" class="btn btn-outline-secondary">secondary</button>
<button type="button" class="btn btn-outline-dark">dark</button>
                

<button type="button" class="btn btn-sm btn-primary">small</button>
<button type="button" class="btn btn-primary">normal</button>
<button type="button" class="btn btn-lg btn-primary">large</button>
                

<button type="button" class="btn btn-primary active">primary</button>
<button type="button" class="btn btn-outline-primary active">primary</button>
                

<button type="button" class="btn btn-primary" disabled>primary</button>
<button type="button" class="btn btn-outline-primary" disabled>primary</button>