Buttons
Buttons communicate actions that users can take. They are typically placed throughout your UI.
Solid Buttons
Six types of solid buttons are available. Class btn is common for all buttons and classes like btn-primary, btn-secondary, btn-success, btn-warning, btn-danger, btn-dark can be added to change the appearance as shown below.
Outline Buttons
Six similar types of outline buttons are available. Add outline in the class name like btn-outline-primary, btn-outline-secondary and so on.
Block Buttons
The block button takes the whole width of the parent container. Add class block-btn to achieve this.
Link Button
Add link-btn class to an anchor link to achieve the below result.
Icon Buttons
Icon buttons contain icons inside them. Add btn-icon class to the icon to make a similar icon button.
Floating Action Button
Add class btn-floating class to make floating action buttons shown below.