Button
- home
- UI Elements
- Button
General Buttons
Various types of buttons. Using the base class
.btn
Class.btn-default
Class.btn-success
Class.btn-primary
Class.btn-info
Class.btn-success
Class.btn-danger
Border Buttons
Various types of buttons. Using the base class
.btn
Class.btn-bordered-default
Class.btn-bordered-success
Class.btn-bordered-primary
Class.btn-bordered-warning
Class.btn-bordered-info
Class.btn-bordered-danger
Round Buttons
Various types of buttons. Using the base class
.btn
&
.btn-rounded
Class.btn-default
Class.btn-success
Class.btn-primary
Class.btn-warning
Class.btn-info
Class.btn-danger
Border Round Buttons
Various types of buttons. Using the base class
.btn
&
.btn-rounded
Class.btn-bordered-default
Class.btn-bordered-success
Class.btn-bordered-primary
Class.btn-bordered-warning
Class.btn-bordered-info
Class.btn-bordered-danger
Large Button
Various types of buttons. Using the base class
.btn .btn-lg
Class.btn-default
Class.btn-success
Class.btn-primary
Class.btn-warning
Class.btn-info
Class.btn-danger
Small Button
Various types of buttons. Using the base class
.btn .btn-sm
Class.btn-default
Class.btn-success
Class.btn-primary
Class.btn-warning
Class.btn-info
Class.btn-danger
Extra Small Button
Various types of buttons. Using the base class
.btn .btn-xs
Class.btn-default
Class.btn-success
Class.btn-primary
Class.btn-warning
Class.btn-info
Class.btn-danger
Single dropdowns button Example
Turn a button into a dropdown toggle with some basic markup changes.
Button dropdowns With Input Feilds
Turn a button into a dropdown toggle with some basic markup changes.
Button dropdowns With Input Feilds
Turn a button into a dropdown toggle with some basic markup changes.
Horizontal Button Group
Add your buttons inside
<div class="btn-group"></div>
to create horizontal button group
Normal Group Button
Button toolbar
Icon Group Button
Vertical Button Group
Add your buttons inside
<div class="btn-group-vertical"></div>
to create Vertical button group
Normal Group Button
Button toolbar
Icon Group Button