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

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

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

.well 클래스 의미 <div class="well">홈짱닷컴 Homzzang.com</div> 결과보기 1. 모서리가 둥근 오목한 회색 배경 상자2. 점보트론과 달리, 글자 크기는 안 키움. …

목차 Grid 원리 (= 전체 너비를 12등분해서 배분) Grid 정의 Grid 화면너비 구분 코드 Grid 원리 (= 전체 너비를 12등분해서 배분) …

목차 반응형 image 예제1 - 특정너비를 최대너비로 설정 반응형 image 예제2 - 해당이미지 너비를 최대너비로 설정 반응형 image 예제3 - 해상도별 다른 이미지 노출 반응형 image 예제1 - 특정너비를 최대너비로 설정 …

목차 viewport 정의 viewport 구문 viewport 예제 - 적용X vs. 적용O viewport 준수사항 viewport 정의 웹페이지에서 사용자가 볼 수 있는 영역. (= 브라우저 창 가시 영역) …

목차 align-self 예제 - 교차축 기준으로, 아이템 자체 정렬 align-self 정의 align-self 구문 align-self 관련 주소 align-self 예제 - 교차축 기준으로, 아이템 자체 정렬 …

목차 align-content 예제 - 줄바꿈 시, 교차축 기준 라인 정렬 align-content 정의 align-content 구문 align-content 예제 - 줄바꿈 시, 교차축 기준 라인 정렬 <style> …

목차 flex-wrap 예제 - wrap 경우, 줄바꿈 O + 아이템 순차 나열 flex-wrap 정의 flex-wrap 구문 flex-wrap 예제 - nowrap 경우, 줄바꿈 X + 아이템 순차 나열 flex-wrap 예제 - wrap-reverse 경우, 줄바꿈 O + 아이템…