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.


Size

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


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