Buttons
Buttons allow users to take actions, and make choices, with a single tap.
Basic Buttons
You add the following class btn followed by the variant
<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>
Outline Button
<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>
Raised Button
<button type="button" class="btn btn-raised btn-primary">Primary</button>
<button type="button" class="btn btn-raised btn-secondary">Secondary</button>
<button type="button" class="btn btn-raised btn-success">Success</button>
<button type="button" class="btn btn-raised btn-danger">Danger</button>
<button type="button" class="btn btn-raised btn-warning">Warning</button>
Icon Button
<button type="button" class="btn btn-success">Send<i class="fas fa-arrow-right"></i></button>
<button type="button" class="btn btn-primary">Save<i class="far fa-save"></i></button>
<button type="button" class="btn btn-danger">Delete<i class="fas fa-trash"></i></button>
Link Button
<button type="button" class="btn btn-primary">
<a href="Paste your link">Link</a>
</button>
Floating Button
<button type="button" class="btn btn-primary btn-float">
<i class="fa fa-plus"></i>
</button>
<button type="button" class="btn btn-success btn-float">
<i class="fa fa-heart"></i>
</button>
<button type="button" class="btn btn-primary btn-float">
<i class="fa fa-share"></i>
</button>
<button type="button" class="btn btn-danger btn-float">
<i class="fa fa-trash"></i>
</button>