...

Switches

A switch has the markup of a custom checkbox but uses the .custom-switch class to render a toggle switch. Switches also support the disabled attribute.

Bootstrap documentation

Switch dark

Skola only

Creates a dark variation of a custom switch component.

<div class="custom-control custom-switch custom-switch-dark">
  <input type="checkbox" class="custom-control-input" id="customSwitch2">
  <label class="custom-control-label text-white" for="customSwitch2">Toggle this switch element</label>
</div>
Jump to