BS3 https://www.w3schools.com/bootstrap/bootstrap_carousel.asp https://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp Carousel 소개 요소 순환 슬라이드쇼. …

Bootstrap's Default Settings (부트스트랩 기본 세팅) .form-inline (768px 이상 너비에서 폼 가로 왼쪽 정렬 배열) .form-horizontal (이름표와 폼 통제 그룹 수평 정렬 레이아웃) .form-control (입력창, 테스트영역, 선택 요소 블럭…

[Navbars] .navbar (네비게이션 바 생성) .navbar-brand (네비게이션 바 안의 로고나 헤더 표시) .navbar-btn (네비게이션 바 안의 버튼 수직 정렬) .navbar-collapse (작은 기기에서 네비게이션 바 감추기) .navbar-default…

목차 Collapse 클래스 종류 Collapse 기본토글 (hide/show 순) Collapse 토글순서변경 (show/hide 순) Collapse Panel (접는 패널) Collapse List Group (접는 리스트 그룹) Accordion (아코디언 메뉴)…

[Pager] .pager (페이지 생성 - 페이지 앞으로, 뒤로 링크 만들기) .previous (.pager 클래스 안의 이전 버튼을 왼쪽 정렬) - 좌측 정렬 .next (.pager 클래스 안의 다음 버튼을 오른쪽 정렬) - 우측 정렬 P…

Button 클래스 아래 클래스는 <a>, <button> , <input> 태그에 사용 가능. .btn-group : 버튼그룹 생성 (= 버튼을 가로 한 줄로 묶기.) .btn-group-justified : 버튼그룹…

Button 클래스 .btn (기본 버튼) - 회색 버튼 .btn-default (기본/표준 버튼) - 흰색 버튼 .btn-primary (주요/핵심 버튼) - 파란색 버튼 .btn-success (성공/긍정 버튼) - 녹색 버튼 .btn-info (정보/환기 버튼) - 하늘색 (=아쿠아 색) 버튼…

Alert 클래스 .alert : 경고상자 생성. .alert-danger : 빨간색 경고. 위험하거나 잠재적으로 부정적인 행동. .alert-info : 연한 파란색 경고. 중립적 인 정보 변경 또는 조치. .…

(이전페이지/다음페이지/지정페이지)로 이동 <style> .pagination { display: inline-block; } .pagination a { color: black; float: left; pa…

페이징 - 기본 스타일 <style> .hz { display: inline-block; } .hz a { color: black; float: left; // 옆으로 나열 padding: 8px 16px; …