목차 Input Group 구문 Input Group 크기 여러 Input / Helper Checkbox/Radio 있는 Input Group Input Group 버튼 Dropdown Button 있는 Input Group In…

목차 Checkbox (체크박스) Radio button (라디오 버튼) Toggle Switch (토글 스위치) Checkbox (체크박스) 1. type="checkbox" 경우, 각각의 name이상이해야 함. …

목차 Select 메뉴 - 단일 선택 Select 메뉴 - 복수 선택 Select 메뉴 - 크기 조정 Select 메뉴 - 비활성화 Datalist 메뉴 (= 입력 가능 데이터 표시) Select 메뉴 - 단일 선택 …

목차 border (테두리 사용 여부) Border Width (테두리 두께) border color (테두리 색깔) border radius (테두리 둥글기) Float (한켠띄우기) / Clearfix (줄바꿈) Responsive Float (반응형 한켠띄우기)&n…

Carousel (캐러셀) = Slideshow (슬라이드쇼) <div id="hz" class="carousel slide" data-bs-ride="carousel"> <!-- 현재 위치 표시기 --> <div class="carousel-indic…

목차 Nav 기본(수평형태) Nav Align (정렬・배치) Nav Vertical (수직 형태) Nav Tab (탭) Nav Pill (알약) Nav Justify Tab/Pill (균등배분정렬) Nav Pill + Dropdown (알약 + 드롭다운) …

목차 Collapse 예제 - hide/show 순서 토글 Collapse 예제 - show/hide 순서 토글 Collapse 예제 - 아코디언 메뉴 Collapse 예제 - hide/show 순서 토글 [<BUTTON> 태그 경우] …

목차 Dropdown 기본 Dropdown Divider (메뉴구분) Dropdown Header (머리말) Dropdown Active (활성화) / Disable (비활성화) Dropdown Position (위치) Dropdown Menu Right (오른쪽하단) …

목차 List Group 기본 List Group Active (활성화 = 현재위치 표시) List Group Link (링크 허버 배경색) List Group Link Disable (링크비활성화 = 클릭방지) List Group Border Remove (외곽 테두리 제거) …

목차 Button Group 수평형 (= 버튼가로나열) Button Group 크기 (= 큰버튼그룹/작은버튼그룹) Button Group 수직형 (= 버튼세로나열) Button Group 옆으로 나란히 배치 Button Group 드롭다운버튼 (= 중첩버튼그룹) …