All Bootstrap colors, plus one theme color button .btn-theme
.
Transform buttons in iconed buttons adding .btn-iconed
class.
Add labels to the buttons with .btn-labeled
class.
New and amazing theme button with theme colors .btn-theme
.
Bordered buttons adding .btn-bordered
class.
Create split button dropdowns with the same markup changes, only with a separate button.
You can change to larger or smaller buttons, from xs to xl size.
Iconize buttons adding .btn-icon
class.
Combine sets of .btn-group
divs into a .btn-toolbar
div.
Convert buttons to pill buttons adding .btn-pill
class.
You can wrap buttons with a parent span with .btn-wrapper
class.
Make your buttons darker by adding .btn-darken
class.
Make your buttons lighter by adding .btn-lighten
class.
Disable buttons adding .disabled
class.
Create block buttons (full width) with .btn-block
class
Use .btn-transparent
to make buttons transparent.
Make button 3D with .btn-3d
class.
Add shadow to the button content with .btn-shadow-left or btn-shadow-right
class.
Group a series of buttons together on a single line with the button group class .btn-group
.
Buttons with rounded rounds with .btn-rounded
class.
Transform button typos with .uppercase .lowercase .capitalize .small-caps
classes.
Add shadow to the button text with the available text shadow classes.
Activate buttons adding .active
class.
Highlight new or unread elements with .badge
class span.
Toggleable, contextual menu for displaying lists of links.
Make buttons bottom bordered .btn-bottom
class.
Use .fa-stack
and fa-stack-*x
to define Font Awesome Buttons.
<span class="btn btn-info fa-stack"> <i class="fa fa-stop fa-stack-2x"></i> <i class="fa fa-magic fa-stack-1x"></i> </span>
Use default button colors classes to define Font Awesome Stack buttons color. Example: .btn-danger
Use from .fa-1x
to .fa-6x
classes to resize buttons.
Use .fa-spin
or .fa-pulse
classes to animate the buttons.