Buttons

Use any of the available .btn btn- classes to quickly create a styled button.

Use any of the available .btn btn- classes you must add the .disabled class to make it visually appear disabled.

Use any of the available .btn-pill classes to quickly create a styled button.

Use any of the available .btn-outline- classes to quickly create a styled button.

Use any of the available .btn-light- classes to quickly create a styled button.

Basic buttons are traditional buttons with borders color opitons.

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

Add .d-grid or .gap-2 for additional sizes.

Icon only button. Add .btn-icon classes to quickly create a styled button..

You can use only icons.

Add .btn, <input>, <a>classes to quickly create a styled button..

Add data-bs-toggle="button" to toggle a button .active class & required aria-pressed="true".

The classic button, in different colors.

The classic button, in different social classes.

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.

Use any of the available .btn in .btn-group classes to quickly create a styled button.

Combine sets of button groups into button toolbars for more complex components.

Use any of the available .btn .btn-outline- in .btn-group classes to quickly create a styled button.

Add .btn, .w-xs, .w-sm, .w-md, .w-lg, classes to quickly create a styled button..

Use any of the available .btn in .btn-group classes to quickly create a styled button.

Use any of the available .btn in .btn-group classes to quickly create a styled button.

Use any of the available .btn-group-* in .btn-group classes to quickly create a styled button.

Use any of the available .btn-group-vertical classes to quickly create a styled button.