Buttons - Variations

Basic Buttons

Button Colors

Basic buttons are traditional buttons with borders and background. Use any of the available button classes to quickly create a styled button. Compatible for bootstrap version 2 and 3.


Size Options

Fancy larger or smaller buttons? Add .btn-large.btn-smallor .btn-minifor additional sizes.


Button Blocks

Create block level buttons,those that span the full width of a parent by adding .btn-block


Button Options

Button Disable

Customizable disabled buttons & links that works with both disable attribute and class. These are compatible for all color variations


Primary linkLink

Button Options

Tag Options

Use .btnto create the same output of all for different types of HTML tags


Link

Button Dropdowns

With Speration

Want to use a different action for each button? this method allows to have two different actions for each button for the drop down and the button.


Grouped Buttons

Single Button Group

Button groups are great when you need to display a group of actions in a bar. These build off the button styles and work perfectly with the grid. They come in different toggle options like switchor radio


Grouped Buttons

Multiple Button Group

A button bar is a group of button groups, perfect for situations where you want groups of actions that are all related to a similar element or page


Grouped Buttons

Vertical Button Group

Want it in a different perspective? its customized to work both vertical and horizontal ways


Iconic Buttons

Common Icon Buttons

Basic buttons are traditional buttons with borders and background with an extra component like an icon. You can place it either on the left or the right which ever you want with different color options


Social Icon Buttons

Fancy social icons? here are some of pre-made icons and buttons done by use which can come in handy



Button Toggles

Toggle Variations

Button groups can act as a radio or a switch or even a single toggle. Below are some examples click to see what happens



favourites
Jane Smith
Hello you there?
3
David Nester
Busy, Do not disturb
more friends
Jane Smith
Hello you there?
David Nester
Busy, Do not disturb
Jane Smith
Hello you there?
David Nester
Busy, Do not disturb