icheck-bootstrap


Did you had a problem customizing html checkboxes and radio buttons? icheck-bootstrap is pure css solution for displaying twitter bootstrap style checkboxes and radio buttons. Try Demo.

You may also like to try icheck-material.

Table of contents

* Getting started
* HTML syntax
* ASP.NET MVC syntax
* Color schemes
* License

Getting started

Several quick start options are available:

* Download the latest release
* Install with Bower: bower install icheck-bootstrap
* Install with npm: npm install icheck-bootstrap
* Install with Nuget: Install-Package icheck-bootstrap
* Use CDN jsDelivr

HTML syntax

#### checkbox example

``

Click to check

`

#### radio buttons example

`

Option 1

Option 2

`

#### inline styling

To have checkboxes or radio buttons inline use .icheck-inline class

`

Label 1

Label 2

`

#### disabled

Use disabled attribute on your input (checkbox or radio) to have disabled style.

#### no label

To have components without label, you still have to have label control with empty text.

`

`

ASP.NET MVC syntax

#### checkbox example

`

@Html.CheckBoxFor(m => m.SomeProperty, new { id = "someCheckboxId" })
Click to check

`

#### radio buttons example

`

@Html.RadioButtonFor(m => m.SomeProperty, SomeValue1, new { id = "someRadioId1" })
Option 1

@Html.RadioButtonFor(m => m.SomeProperty, SomeValue2, new { id = "someRadioId2" })
Option 2

``

Color schemes

Try Demo

Twitter Bootstrap: As you can see in previous examples, icheck-primary class used for styling.
You can use following classes for Twitter Bootstrap color scheme:

.icheck-default

.icheck-primary

.icheck-success

.icheck-info

.icheck-warning

.icheck-danger

Flat UI Colors: Also you can use one of the really nice colors from flatuicolors.com

.icheck-turquoise

.icheck-emerland

.icheck-peterriver

.icheck-amethyst

.icheck-wetasphalt

.icheck-greensea

.icheck-nephritis

.icheck-belizehole

.icheck-wisteria

.icheck-midnightblue

.icheck-sunflower

.icheck-carrot

.icheck-alizarin

.icheck-clouds

.icheck-concrete

.icheck-orange

.icheck-pumpkin

.icheck-pomegranate

.icheck-silver

.icheck-asbestos

License

icheck-bootstrap released under the MIT license. Feel free to use it in personal and commercial projects.