General Buttons
Use a classes btn btn-success to quickly create a General btn.
Buttons with outline
Use a classes btn btn-outline-success to quickly create a General btn.
Rounded Buttons
Use a classes btn btn-rounded btn-success to quickly create a General btn.
Rounded outline Buttons
Use a classes btn btn-round btn-success to quickly create a General btn.
Button Sizes
Use a classes btn btn-lg btn-success to quickly create a General btn.
Rounded Button Sizes
Use a classes btn btn-lg btn-round btn-success to quickly create a General btn.
Block Buttons
Use a classes btn btn-block btn-success to quickly create a General btn.
Rounded Block Buttons
Use a classes btn btn-round btn-block btn-success to quickly create a General btn.
Block outline Buttons
Use a classes btn btn-block btn-outline-success to quickly create a General btn.
Rounded outline Block Buttons
Use a classes btn btn-round btn-block btn-outline-success to quickly create a General btn.
Large Block Buttons
Use a classes btn btn-block btn-lg btn-success to quickly create a General btn.
Buttons with Icons
Use a classes btn btn-success & i class ="fa fa-heart" to quickly create a General btn.
Outline Buttons with Icons
Use a classes btn btn-outline-success & i class ="fa fa-heart" to quickly create a General btn.
Rounded Buttons with Icons
Use a classes btn btn-round btn-success & i class ="fa fa-heart" to quickly create a General btn.
Rounded Outline Buttons with Icons
Use a classes btn btn-round btn-outline-success & i class ="fa fa-heart" to quickly create a General btn.
Buttons with Rounded Icons
Use a classes btn btn-success & i class ="icon-round fa fa-heart" to quickly create a General btn.
Rounded Buttons with Rounded Icons
Use a classes btn btn-round btn-success & i class ="icon-round fa fa-heart" to quickly create a General btn.
Group Buttons
Wrap a series of buttons with .btn in .btn-groupto quickly create a General btn-group.
Button Toolbar
Wrap a series of buttons with .btn in .btn-groupto quickly create a General btn-group.
Group Buttons Sizing
Wrap a series of buttons with .btn in .btn-group .btn-group-lgto quickly create a General btn-group.
Nesting
Place a .btn-groupwithin another .btn-groupwhen you want dropdown menus mixed with a series of buttons.
Vertical Group Buttons
Place a .btn-groupwithin another .btn-groupwhen you want dropdown menus mixed with a series of buttons.
Social Media Buttons
Usage ex.<button class="btn btn-facebook"><span>Facebook</span></button>Size Small
Add this class.btn-sm
Size Normal
Add this class.btn
Size Large
Add this class.btn-lg
Social Media Button
Only icons. Usage ex.<button class="btn btn-facebook icon"><span>Facebook</span></button>
Size Normal
Add this class.btn
Size Large
Add this class.btn-lg
Social Media Button
Only text. Usage ex.<button class="btn btn-facebook text"><span>Facebook</span></button>Size Small
Add this class.btn-sm
Size Normal
Add this class.btn
Size Large
Add this class.btn-lg