Default
<button type="button" class="btn btn-primary mb-1">Primary</button>
<button type="button" class="btn btn-secondary mb-1">Secondary</button>
<button type="button" class="btn btn-success mb-1">Success</button>
<button type="button" class="btn btn-danger mb-1">Danger</button>
<button type="button" class="btn btn-warning mb-1">Warning</button>
<button type="button" class="btn btn-info mb-1">Info</button>
<button type="button" class="btn btn-light mb-1">Light</button>
<button type="button" class="btn btn-dark mb-1">Dark</button>
<button type="button" class="btn btn-link mb-1">Link</button>
Outline buttons
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</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-info">Info</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>
Shape
<button type="button" class="btn btn-primary">
Rounded
</button>
<button type="button" class="btn btn-primary rounded-0">
Square
</button>
<button type="button" class="btn btn-primary rounded-pill">
Pill
</button>
Custom
<a href="#" class="butn theme"><span>Custom button</span></a>
<a href="#" class="butn white"><span>Button White</span></a>
<a href="#" class="butn"><span>Custom button</span></a>
<a href="#" class="butn small"><span>Button Small</span></a>