container-header

Switches

container-breadcrumb
  1. Home
  2. UI Elements
  3. Switches
Settings
Fixed sidebar
Fixed footer
Fixed top navbar
Collapse sidebar
Boxed
Background
Default
Dark
Light
Themes
Default
White Light
Blue Navy
Blue Sky
Lime Lemon
Star Dust
Green Tea
Orange Round
Yellow Sun
Deep Purple
Yummy Chocolate
Dark Night
Soft Green
Wheel Red
Switches Default
CSS Classes: .switch, .switch-checkbox, .switch-label, .switch-innerand .switch-switcher.
Add .switch-iconto set the switcher icon instead of text.
Disabled
CSS Classes: .switch-disabled
Switches Iconed
To add icons to the switches you have to use the .fac-*classes in the .switch-switcherspan.
Switches Theme Colors
CSS Classes: .switch-theme
Change the color theme to see how the switch changes:
Switches Rounded
CSS Classes: .switch-round
Switches Circle
CSS Classes: .switch-circle
Switches Bootstrap Colors
CSS Classes: .switch-default, .switch-primary, .switch-info, .switch-warning, .switch-success, .switch-dangeror .switch-inverse.
Default color
Primary color
Info color
Warning color
Success color
Danger color
Inverse color
Switches Sizes
CSS Classes: .switch-land .switch-xl
Size L
Size XL
Switches Sizes
Use switches in combination with CSS Classes: .w*like .w100or .wp100to make it widther.