[Bootstrap] Checkboxes and Radio buttons

1. 기본 체크박스 (Checkbox)

<div class="form-check">
  <input class="form-check-input" type="checkbox" id="check1" checked>
  <label class="form-check-label" for="check1">Option 1</label>
</div>

• `.form-check`: 컨테이너
• `.form-check-input`: input 태그용 클래스
• `.form-check-label`: label 태그용 클래스
• `checked`: 기본 선택 상태

🔒 비활성화하려면 `disabled` 속성 추가

<input class="form-check-input" type="checkbox" disabled>

---

2. 라디오 버튼 (Radio Buttons)

<div class="form-check">
  <input class="form-check-input" type="radio" name="optradio" id="radio1" checked>
  <label class="form-check-label" for="radio1">Option 1</label>
</div>

• `type="radio"` 사용
• `name` 속성 동일해야 하나만 선택 가능
• 선택된 기본 값에는 `checked` 추가

---

3. 토글 스위치 (Toggle Switch)

<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" id="mySwitch" checked>
  <label class="form-check-label" for="mySwitch">Dark Mode</label>
</div>

• `.form-switch` 클래스 사용 시 스위치 형태로 표시됨
• 동작은 체크박스와 동일