Buttons

Default buttons

primary default success info warning danger

Flat buttons

Apply the .btn-flat class for squared buttons

primary default success info warning danger

Rounded buttons

Apply the .btn-rounded class to change the radius of the button

primary default success info warning danger

Additional shades

Apply the following CSS classes to the .btn to change the shade of the button

Default outline buttons

Apply the .btn-outline class for outlined buttons

primary default success info warning danger

Rounded outline buttons

Combine the .btn-outline with .btn-rounded classes for outlined rounded buttons

primary default success info warning danger

Button sizes

Large button Default button Small button

Rounded buttons

Apply the .btn-circle with the .btn-lg or .btn-sm classes for rounded buttons

Buttons with icons

Submit Awesome! Map Wait! Edit

Submit Awesome! Map Wait! Edit

Submit Awesome! Map Wait! Edit

Submit Awesome! Map Wait! Edit

Submit Awesome! Map Wait! Edit

Submit Awesome! Map Wait! Edit

Social media buttons

Sign in with Facebook

Sign in with Twitter

Sign in with Google

Button groups

Flat button groups

Outlined button groups