Use any of the available button classes to quickly create a styled button.
Add class
.btn-outline to get buttons like this:
To buttons with any color or any size you can add extra icon on the left or the right side.
Give a button some extra style by adding a label.
Add class
.btn-icon.btn-rounded to get buttons like this:
Add class
.btn-icon to get buttons like this:
Use
.btn-animated and direction as
.from-left or
.from-right or
.from-top or
.from-bottom
Use classes
.btn-lg
.btn-sm
.bt-xs to get custom sizes
Add class
.btn-rounded or
.btn-square to get buttons like this:
Create block level buttons, those that span the full width of a parent by adding
btn-block
This is a group of buttons, ideal for situation where many actions are related to same element.
Like buttons you can also use different sizes to button groups
Order the buttons in a group for actions that are used regularly or are significant.
Place a
.btn-group within another
.btn-group when you want dropdown menus mixed with a series of buttons.
To use justified button groups with
button elements, you must wrap each button in a button group.
A button bar is a group of button groups, perfect for situations where you want groups of actions that are all related to a similar element or page
Button groups can act as a radio or a switch or even a single toggle.
Use class
.btn-@yoursocial
