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.