Bootstrap 5 provides different styles of buttons: Basic Example <button type="button" class="btn"> Basic </button> <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> Warning Basic example Use dropdown, add .hidden-arrow class next to .dropdown-toggle and change text into icon in <button> element. Instead of applying button sizing classes to every button in a group, just add .btn-group-* to each .btn-group, including each one when nesting multiple groups. Button variants (for regular and outline buttons) use their respective mixins with our $theme-colors map to generate the modifier classes in scss/_buttons.scss. Light It uses Font Awesome 4 icons and Bootstrap 5 native buttons classes to create awesome buttons. the visible text), or is included through alternative means, such as additional text hidden with the .visually-hidden class. For example: Please note, in the above example, I don't use Bootstrap CSS btn-sm. The .btn classes are designed to be used with the