This page demonstrate the Bootstrap Buttons, Buttons Group and Glyphicon.
Bootstrap provides seven styles of buttons:
To achieve the button styles above, we are using the following classes: .btn-default .btn-primary .btn-success etc.
Bootstrap provides four button sizes:
The classes that define the different sizes are: .btn-lg .btn-md .btn-sm .btn-xs
We can group a series of buttons together (on a single line) in a button group, using a <div>
element with class .btn-group :
Nest button groups to create drop down menus:
Search icon:
Search icon on a button:
Search icon on a styled button:
Print icon on a styled link button: Print
Thumbs-up and Thumbs-down icon on a button: