<div class="container my-5">

  <!-- Default switch -->

  <label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>

  <div class="d-flex">

    <span class="me-2">No</span>

    <div class="form-check form-switch">

      <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />

    </div>

    <span>Yes</span>

  </div>

</div>

​