Default Button

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

Default Small Button

Add .btn.btn-sm.btn-outline-*  for additional sizes.

Outline Button

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

Outline Small Button

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

Buttons Group

Add button parent div .btn-group classes quickly create a styled button.

Default Large Button

Add .btn.btn-lg.btn-outline-*  for additional sizes.

Rounded Button

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

Button with Icon

Add icon in button

Checkbox button group

Add button parent div .btn-group classes quickly create a styled button.

Radio button group

Add button parent div .btn-group classes quickly create a styled button.

Sizing button group

Add button parent div .btn-group-lg || .btn-group-sm classes quickly create a styled button.





Vertical button group

Add button parent div .btn-group-lg || .btn-group-sm && .btn-group-vertical classes quickly create a styled button.

Button toolbar

Combine sets of button groups into button toolbars for more complex components. Use utility classes as needed to space out groups, buttons, and more.



Button toolbar

Add two button between one div and apply .or-icon class for default button and small/large button add extra class .or-icon.sm && .or-icon.lg quickly create a styled button.