Buttons

General Buttons

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

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.

Rounded Block buttons

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

Block outline buttons

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

Rounded outline Block buttons

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

Large Block buttons

Use a classes btn btn-block btn-lg 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

Use a classes to quickly create a General btn.
<!-- Example single danger button --><divclass="btn-group"><buttontype="button"class="btn btn-danger dropdown-toggle"data-toggle="dropdown"aria-haspopup="true"aria-expanded="false">            Action          </button><divclass="dropdown-menu"><aclass="dropdown-item"href="#">Action</a><aclass="dropdown-item"href="#">Another action</a><aclass="dropdown-item"href="#">Something else here</a><divclass="dropdown-divider"></div><aclass="dropdown-item"href="#">Separated link</a></div></div>

Split-button-dropdowns

Use a classes to quickly create a General btn.
<!-- Example split danger button --><divclass="btn-group"><buttontype="button"class="btn btn-danger">Action</button><buttontype="button"class="btn btn-danger dropdown-toggle dropdown-toggle-split"data-toggle="dropdown"aria-haspopup="true"aria-expanded="false"><spanclass="sr-only">Toggle Dropdown</span></button><divclass="dropdown-menu"><aclass="dropdown-item"href="#">Action</a><aclass="dropdown-item"href="#">Another action</a><aclass="dropdown-item"href="#">Something else here</a><divclass="dropdown-divider"></div><aclass="dropdown-item"href="#">Separated link</a></div></div>

Large button dropdowns

Use a classes to create instant button

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.


Circle xtra Large buttons

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

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.

Group buttons

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

Button toolbar pagination

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

Group buttons sizing

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

Nesting

creat with below code

Vertical buttons

creat vertical button with class of .btn-group-vertical

Button with js elements

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


Button with checkbox



Button with Radiobutton

© 2017 Admin Press Admin by themedesigner.in