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

Dark

Goodkit Exclusive

Creates a dark variation of a custom switch component.

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