iCheck, Toggle

A slideshow component for cycling through elements, like a carousel. Nested carousels are not supported.

Minimal skin

Square skin

Flat skin

Line skin

Toggle demo

Basic example

Simply add data-toggle="toggle" to convert checkboxes into toggles.

Inline Checkboxes

Refer to Bootstrap Form Controls documentation to create inline checkboxes. Simply add data-toggle="toggle" to a convert checkboxes into toggles.


Bootstrap toggle is available in different sizes. Refer to Bootstrap Button Sizes documentation for more information.

Custom Sizes

Bootstrap toggle can handle custom sizes by data-width and data-height options.


Colors Mix

You can style on state as well as the off state.

Custom Style

Custom Text

Icons/Html Text

Multiple Lines of Text

Animation Speed