728x90
토글 스위치
<!-- Default switch -->
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" />
<label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
</div>
<!-- Checked switch -->
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked />
<label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
</div>
<!-- Default disabled switch -->
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDisabled" disabled />
<label class="form-check-label" for="flexSwitchCheckDisabled">Disabled switch checkbox input</label>
</div>
<!-- Checked disabled switch -->
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckCheckedDisabled" checked disabled />
<label class="form-check-label" for="flexSwitchCheckCheckedDisabled">Disabled checked switch checkbox input</label>
</div>
'Framework | Library > Bootstrap' 카테고리의 다른 글
| [Bootstrap] range (0) | 2022.11.23 |
|---|---|
| [Bootstrap] Radio (0) | 2022.11.23 |
| [Bootstrap] Search(검색창) (0) | 2022.11.23 |
| [Bootstrap] Horizontal alignment(text-center, d-flex, justify-content) (0) | 2022.11.23 |
| [Bootstrap] (m, p, t, b, l, r, x, y),(0, 1, 2, 3, 4, 5, auto),(n1, n2, n3, n4, n5), (xs, sm, md, lg, xl, xxl) (0) | 2022.11.21 |