https://www.w3schools.com/bootstrap/bootstrap_popover.asp https://www.w3schools.com/bootstrap/bootstrap_ref_js_popover.asp http://bootstrapk.com/javascript/#popovers BS3 Popover&nb…

BS3 Tooltip 소개 사용자가 마우스 포인터를 요소 위로 움직일 때 나타나는 작은 팝업 상자. 1. 클릭하면 나타나는 Popover(팝오버)와 유사하나, Toolitp (툴팁)은 짧은 내용을 잠깐 보일 때 사용. &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는…

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

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

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

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

<h1> - <h6> or .h1 - .h6 (헤드 제목 글자 크기) <small> - 작은 헤드 제목 .small - 부모 요소 85% 크기의 작은 글씨 .lead (두드러진 약간 큰 글씨) <mark> or .mark - 형광색 배경 글씨 &l…

목차 반응형 웹디자인 의미 반응형 웹디자인 예제 반응형 웹디자인 의미 모든 장치(PC, Tablet, Mobile 등)에서 내용 생략 없이 잘 표시. (HTML/CSS)만으로 구현. (∵ 프로그램이나 JS가 아니기 때문.) …