Переключатель

Чтобы оформить чекбокс в виде переключателя, достаточно добавить класс .form-switch.

<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" role="switch" id="post-active">
  <label class="form-check-label" for="post-active">Активно</label>
</div>

Результат:

Также стоит обратить внимание на атрибут role="switch", который говорит устройствам, что данный элемент является преключателем.