<div class="container my-4">

​

    <p class="font-weight-bold">Bootstrap checkbox toggle is a simple component used for activating one of two predefined options. Commonly used as an on/off button.</p>

​

    <p><strong>Detailed documentation and more examples you can find in our <a href="https://mdbootstrap.com/docs/jquery/forms/switch/"

          target="_blank">Bootstrap toggle Docs</a> </p>

​

    <hr>

​

    <p class="font-weight-bold">Basic examples</p>

    <!-- Default switch -->

<div class="custom-control custom-switch">

  <input type="checkbox" class="custom-control-input" id="customSwitches">

  <label class="custom-control-label" for="customSwitches">Toggle this switch element</label>

</div>

​

  </div>