Modal 정의 현재 페이지 위에 표시되는 대화 상자 / 팝업 창. 모달 플러그인은 아래 파일들 중 하나 추가하면 됨. 개별: "modal.js" 파일. 통합: "bootstrap.js" (또는 "bootstrap.min.js"사용) &nb…

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

1. BS 지원 form 구성요소 input textarea checkbox radio select ※ 아래 예제 코드들을 <form> 태그 안에 넣어서 사용. 1-1. BS - Input 1. BS는…

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

Tabs & Pills 클래스 .nav nav-tabs (탭 모양 네이게이션 생성) .nav nav-pills (알약 모양 가로 네이게이션 생성) .nav nav-pills nav-stacked (알약 모양 세로 네이게이션 생성) .nav-justified (너비 양쪽 균등 배분 탭/알약…

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

Dropdown 클래스 .dropdown (드롭다운 메뉴 표시) .dropdown-menu (드롭다운메뉴 위치 왼쪽) .dropdown-menu-right (드롭다운메뉴 위치 오른쪽) .dropdown-header (드롭다운 메뉴에 헤더 추가) .dropup (드롭업메뉴) .act…

BS3 List Group생성 .list-group 클래스 가진 <ul> 안에 .list-group-item 클래스 가진 <li> 추가. <ul class="list-group"> <li class="lis…

※ 주의: CSS3 (트랜지션, 애니메이션) 효과 : IE9이하, Fierfox구버전, Opera12이하 경우 지원 X Progress Bar : 작업진행상태 표시. Progress Bar 기본 <div class="progress"> <div c…

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