Buttons page header description goes here...
BUTTON TAGS
Use the button classes on an <a>
, <button>
, or <input>
element.
ACTIVE STATE
Add .active
class to the button, so that the button will appear pressed.
DISABLED STATE
Add the disabled attribute to <button>
buttons to make buttons look unclickable.
BUTTON DROPDOWNS
Turn a button into a dropdown toggle with some basic markup changes.
SPLIT BUTTON DROPDOWNS
Similarly, create split button dropdowns with the same markup changes, only with a separate button.
BUTTON OPTIONS
Use any of the available button classes to quickly create a styled button.
Add the .btn-outline
class to quickly create a outline styled button
BUTTON GROUPS
Wrap a series of buttons with .btn
in .btn-group
.
BUTTON GROUPS
Combine sets of <div class="btn-group">
into a <div class="btn-toolbar">
for more complex components.
BUTTON SIZES
Add .btn-lg
, .btn-sm
, or .btn-xs
for additional sizes.
BUTTON BLOCK
Create block level buttons—those that span the full width of a parent— by adding .btn-block
.
JUSTIFIED BUTTON GROUPS
Just wrap a series of .btn
s in .btn-group.btn-group-justified
.
VERTICAL BUTTON GROUPS
Make a set of buttons appear vertically stacked rather than horizontally by using .btn-group-vertical
.