container-header

Buttons

container-breadcrumb
Settings
Fixed sidebar
Fixed footer
Fixed top navbar
Collapse sidebar
Boxed
Background
Default
Dark
Light
Themes
Default
White Light
Blue Navy
Blue Sky
Lime Lemon
Star Dust
Green Tea
Orange Round
Yellow Sun
Deep Purple
Yummy Chocolate
Dark Night
Soft Green
Wheel Red
Button Colors

All Bootstrap colors, plus one theme color button .btn-theme.


Buttons Iconed

Transform buttons in iconed buttons adding .btn-iconedclass.


Buttons Labeled

Add labels to the buttons with .btn-labeledclass.


Button Theme

New and amazing theme button with theme colors .btn-theme.

Buttons are integrated with Theme system. Change theme to see how buttons changes:
Buttons Bordered

Bordered buttons adding .btn-borderedclass.


Buttons Split

Create split button dropdowns with the same markup changes, only with a separate button.


Button Sizes

You can change to larger or smaller buttons, from xs to xl size.


Buttons Icon

Iconize buttons adding .btn-iconclass.


Buttons Toolbar

Combine sets of .btn-groupdivs into a .btn-toolbardiv.


With active and disabled elements

Buttons Pills

Convert buttons to pill buttons adding .btn-pillclass.


Round button wrapper

You can wrap buttons with a parent span with .btn-wrapperclass.


Buttons Darken

Make your buttons darker by adding .btn-darkenclass.


Buttons Lighten

Make your buttons lighter by adding .btn-lightenclass.


Buttons Disabled

Disable buttons adding .disabledclass.


Buttons Block

Create block buttons (full width) with .btn-blockclass


Buttons Social group bar
Buttons Transparent

Use .btn-transparentto make buttons transparent.


Buttons 3D

Make button 3D with .btn-3dclass.


Button Shadow

Add shadow to the button content with .btn-shadow-left or btn-shadow-rightclass.


Button Groups

Group a series of buttons together on a single line with the button group class .btn-group.









With active and disabled elements

Vertical group

Buttons Rounded

Buttons with rounded rounds with .btn-roundedclass.


Buttons Typo

Transform button typos with .uppercase .lowercase .capitalize .small-capsclasses.

Buttons Text shadow

Add shadow to the button text with the available text shadow classes.


Buttons Active

Activate buttons adding .activeclass.


Buttons Badge

Highlight new or unread elements with .badgeclass span.


Buttons Dropdown/Dropup

Toggleable, contextual menu for displaying lists of links.


Buttons Border bottom

Make buttons bottom bordered .btn-bottomclass.


Buttons Font Awesome Stack

Use .fa-stackand fa-stack-*xto define Font Awesome Buttons.

Example:

                                        <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>


Colors

Use default button colors classes to define Font Awesome Stack buttons color. Example: .btn-danger

Sizes

Use from .fa-1xto .fa-6xclasses to resize buttons.

Animations

Use .fa-spinor .fa-pulseclasses to animate the buttons.