General Buttons

Use .btn .btn-* class to quickly create buttons

Transparent Background Buttons

Use .btn .btn-transparent-* class to create transparent buttons

Outline Buttons

Use .btn .btn-outline-* class to quickly create outline buttons

Disabled Buttons

Use .btn .disabled class or disabled attribute to disable button

Block Buttons

Use .btn .btn-block class to create block level buttons

Block Buttons Variations

Use .btn .btn-block class to use block level buttons

Buttons with Ripple effect

Use .btn .btn-ripple class to create buttons with ripple effect

Animated Buttons

Use .btn .btn-animated class and add i for icon to create animated buttons

Circle Buttons

Use .btn-circle class with icon

Square Buttons

Use .btn-square class with icon

Rounded Buttons

Use .btn .rounded-pill class to quickly create rounded buttons

Outline Rounded Buttons

Use .btn .rounded-pill .btn-outline-* class to quickly create rounded buttons with outline

Button Sizes

Use .btn-lg class for large, .btn-sm for small and .btn-xs for extra small buttons

Buttons with Icon

Use .btn-icon class to button element, i for icon and span for text. Additionally, you can specify, icon-left or icon-right to align the icon

Underline buttons
Group Buttons

Wrap buttons into .btn-group class. Use .btn-group-vertical for vertical alignment