Buttons

The classic button, in different colors.

The default modifier classes with the .btn-outline-*

Add .btn-radius to button to remove border-radius.

Add .btn-pill class to any button more rounded.

Add .btn-pill class to any button more rounded.

Basic buttons are traditional buttons with borders color opitons.

Basic buttons are traditional buttons with borders color opitons.

Add .btn-lg or .btn-sm or .d-grid for additional sizes.

You can use only icons.

Icon only button. Add .btn-icon class to remove unnecessary button.

Add .btn-loading to use a loading state on a button. The width of the button depends on the length of the text inside Since the loading spinner is implemented using the element.

Wrap the dropdown’s toggle using different colors and icons implemented in different dropdowns styles (your button or link) and the dropdown menu within .dropdown, or another element that declares position: relative;. Dropdowns can be triggered from <a> or <button> elements to better fit your potential needs.