목차 수동 너비 자동 너비 ※ .col-숫자, .col 클래스 경우, 모든 너비에 적용. ※.col-sm-숫자,.col-sm클래스 경우, 576px 이상에 적용. ★.col-md-숫자,.col-md&nbs…

목차 수동 너비 자동 너비 ※.col-숫자,.col 클래스경우, 모든 너비에 적용. ※.col-sm-숫자,.col-sm클래스 경우, 576px 이상에 적용. 수동 너비 …

목차 수동 너비 자동 너비 ※.col-숫자,.col 클래스경우, 모든 너비에 적용. 수동 너비 [3:9 비율] <div class="contai…

목차 border (테두리 사용 여부) border color (테두리 색깔) border radius (테두리 모서리 둥근 정도) Float (한켠띄우기) / Clearfix (줄바꿈) Responsive Float (반응형 한켠띄우기) Center Alig…

목차 Toast 소개 Toast 구문 Toast 제어 - Show/Hide (보이기/숨기기) Toast Class (클래스) Toast Option (옵션) Toast Method (메서드) Toast Event (이벤트)  …

목차 Popover 구문 (기본/위치) Popover 정의 Popover 닫기 - 아무곳이나 클릭하면 닫기 Popover 툴팁화 - mouseover시 열기, mouseleave시 닫기 JS PopOver 플러그인 JS PopOver 구문 - data-* 속성 …

목차 Tooltip 소개 Tooltip 구문 Tooltip 위치 Tooltip Option (옵션) Tooltip Method (메서드) Tooltip Event (이벤트) Tooltip Custom Design (커스텀 디자인) &…

목차 Badge 소개 Badge Color (색깔) Badge pill (알약배지 = 모서리가 둥근 배지) badge 예제 - 연회색 배지 Badge 소개 모든 콘텐츠에 추가 정보 추가하는 데 사용. …

목차 Jumbotron (점보트론) 소개 Jumbotron (점보트론) 구문 Jumbotron (점보트론) 기본 CSS Jumbotron (점보트론) 소개 특별한 내용이나 정보에 특별한주의를 기울이는 큰 회색 상자. ※ 다른 BS(…

목차 기본글자 (= 기본텍스트) <h1> ~ <h6> : 기본제목 .display-1 ~ .display4 클래스 <small> : 머리글제목 보조글자 <mark> : 형광펜글씨 (※ 강조할 글씨에 사용) <ab…