폼 요소

스위치

미리보기

토글 스위치
단일 스위치

소스

<div class="mb-3">
    <div class="form-label">토글 스위치</div>
    <label class="form-check form-switch">
        <input class="form-check-input" type="checkbox" checked="">
        <span class="form-check-label">옵션 1</span>
    </label>
    <label class="form-check form-switch">
        <input class="form-check-input" type="checkbox">
        <span class="form-check-label">옵션 2</span>
    </label>
    <label class="form-check form-switch">
        <input class="form-check-input" type="checkbox">
        <span class="form-check-label">옵션 3</span>
    </label>
</div>

<div class="mb-3">
    <div class="form-label">단일 스위치</div>
    <label class="form-check form-switch">
        <input class="form-check-input" type="checkbox">
        <span class="form-check-label">이용약관에 동의합니다.</span>
    </label>
</div>