styleModifier

plain color:
- .btn-default
- .btn-primary
- .btn-info
- .btn-success
- .btn-warning
- .btn-danger
- .btn-darkgray
- .btn-gray
- .btn-white
- .btn-link
color with outline:
- .btn-primary.btn-outline
- .btn-primary.btn-outline
- .btn-info.btn-outline
- .btn-success.btn-outline
- .btn-warning.btn-outline
- .btn-danger.btn-outline
- .btn-darker.btn-outline
- .btn-lighter.btn-outline
- .btn-white.btn-outline
- .btn-transparent.btn-outline
size:
- .btn-xs
- .btn-sm
- .btn-lg
disabled with .disabled class

Variants

icon: .bi-* to add an icon. Add it only if it visually helps the user to guess the function of the button
container:
- wrap the button in a .btn-container to center the button with a line in the middle (used for forms typically).
- Add .btn-rigth to align the buttons to the right.