Summary of features

The COLOURcode template includes its own bespoke checkbox and radio styles, requiring only a single class on the parent checkbox or radio div, and a <span> alongside the label text. Otherwise all the HTML5 is standard Bootstrap markup. Bootstrap Switch is also integrated with the template, which overrules its styles to work well with backgrounds other than white.

At a glance

  • Easily mark up eye-catching checkbox and radio buttons.
  • Create beautiful toggle switches with Bootstrap Switch.
  • The iCheck plug-in integrates with the template if preferred.

Template defaults ( default form )

Unstyled elements

Styled elements e.g..checkbox.checkbox-styled

Contextural styled checkboxes e.g..checkbox.checkbox-styled.checkbox-primary

Contextural styled radios e.g..radio.radio-styled.radio-primary

The above styles require a <span> alongside the label text.

Bootstrap Switch ( default form )

iCheck ( default form )

Square skin, blue


Flat skin, red


Line skin, green

The iCheck Line skin requires the checkbox label to follow the input.


Futurico skin

Template defaults ( styled form )

Unstyled elements

Styled elements e.g..checkbox.checkbox-styled

Contextural styled checkboxes e.g..checkbox.checkbox-styled.checkbox-primary

Contextural styled radios e.g..radio.radio-styled.radio-primary

The above styles require a <span> alongside the label text.

Bootstrap Switch ( styled form )

iCheck ( styled form )

Square skin, blue


Flat skin, red


Line skin, green

The iCheck Line skin requires the checkbox label to follow the input.


Futurico skin

Template defaults ( in coloured panel )

Unstyled elements

Styled elements e.g..checkbox.checkbox-styled

Contextural styled checkboxes e.g..checkbox.checkbox-styled.checkbox-primary

Contextural styled radios e.g..radio.radio-styled.radio-primary

The above styles require a <span> alongside the label text.

Bootstrap Switch ( in coloured panel )

iCheck ( in coloured panel )

Square skin, blue


Flat skin, red


Line skin, green

The iCheck Line skin requires the checkbox label to follow the input.


Futurico skin