Buttons

  1. Home
  2. Buttons
THIS MONTH

$58,356

LAST MONTH

$48,356

General Buttons

Use a classes btn btn-successto quickly create a General btn.

Button Tags

The .btnclasses are designed to be used with the .<button>element.
Link

Button with outline

Use a classes btn btn-outline-successto quickly create a General btn.

Rounded Buttons

Use a classes btn btn-rounded btn-successto quickly create a General btn.

Rounded outlined Buttons

Use a classes btn btn-rounded btn-outline-successto quickly create a General btn.

Button Sizes

Use a classes btn btn-lg btn-successto quickly create a General btn.

Button Sizes with rounded

Use a classes btn btn-lg btn-rounded btn-successto create a btn.

Block buttons

Use a classes btn btn-block btn-successto quickly create a General btn.

Button with icon

Use a classes btn btn-success&i class ="fa fa-heart"to quickly create a General btn.

Button with Dropdown

ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link

Split-button-dropdowns

ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link

Large button dropdowns

Use a classes to create instant button
ActionAnother actionSomething else here
ActionAnother actionSomething else here

Social buttons

Use a classes btn btn-facebookto quickly create a General btn.


With Circle buttons

Use a classes btn btn-circle btn-successto quickly create a General btn.


with rounded buttons

Use a classes btn btn-rounded btn-successto quickly create a General btn.

Circle buttons

Use a classes btn btn-circle btn-successto quickly create a General btn.


Circle Large buttons

Use a classes btn btn-circle btn-lg btn-successto quickly create a General btn.

Group buttons

Wrap a series of buttons with .btnin .btn-group

Button toolbar pagination

Wrap a series of buttons with .btnin .btn-group

Button Toolbar with Input Group

Button Toolbar with Jutify Content Input Group

Group buttons sizing

Wrap a series of buttons with .btnin .btn-group

Nesting

creat with below code
Dropdown linkDropdown link

Vertical buttons

creat vertical button with class of .btn-group-vertical
Dropdown linkDropdown link
Dropdown linkDropdown link
Dropdown linkDropdown link
Dropdown linkDropdown link

Button with radio

There are a few easy ways to quickly get started with Bootstrap,each one ...


Button with checkbox



Button with Radiobutton

Animated Drop downs

Give class to the button animated flipInX,flipInY,lightSpeedIn,slideInUp use any animations class
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link

Animated Drop downs with icon

Give class to the button animated flipInX,flipInY,lightSpeedIn,slideInUp use any animations class
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link

Direction of the Dropdown

Trigger dropdown menus above elements by adding .dropupto the parent element.
Dropdowm Right Side
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
Dropdown Up Side
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link
Dropdowm Left Side
ActionAnother actionSomething else here
Separated link
ActionAnother actionSomething else here
Separated link

Menu Alignment

Add .dropdown-menu-rightto a .dropdown-menuto right align the dropdown menu.

Responsive Alignment

Different Menu Content

Dropdown header
ActionAnother action
ActionAnother actionSomething else here
Separated link

Some example text that's free-flowing within the dropdown menu.

And this is more example text.

New around here? Sign up Forgot password?

Dropdown Options

Action Another action Something else here
Action Another action Something else here
Separated link