Use bootstrap .btn
class for links, buttons
and inputs (used .min-width
class for 130px minimal button width).
Use .btn-o
class together with the .btn
.
Use .btn-lg
, .btn-sm
, .btn-xs
for fast change button sizes.
Add .btn-rounded
class for adding the rounded borders.
.btn-block
will make your button full-width unit.
:active
or .active
:focus
or .focus
(:hover
or .hover
)
:disabled
or .disabled
Wrap a series of buttons with .btn
in .btn-group
.
Combine sets of .btn-group
into a .btn-toolbar
for more complex components.
Use .btn-group-rounded
class for adding the rounded borders.
Separate buttons with special class .btn-group-separators
to .btn-group
Instead of applying button sizing classes to every button in a group, just add
.btn-group-*
to each .btn-group
, including when nesting multiple groups.
.btn-group-lg
.btn-group-sm
.btn-group-xs
Make a set of buttons appear vertically stacked rather than horizontally (.btn-group-vertical
).
.btn-*
classes)