-
Bootstrap 3
(bs-150
, 2017.01.22)
BS 반응형 Hidden Visible 클래스
Class
Extra Small(<768px)
Small(≥768px)
Medium(≥992px)
Large(≥1200px…
-
Bootstrap 3
(bs-45
, 2017.01.12)
아래 좌표 참고
https://www.w3schools.com/bootstrap/bootstrap_templates.asp
-
Bootstrap 3
(bs-44
, 2017.01.12)
BS3 Grid
Extra Small
Small
Medium
Large
Class 접두어
.col-xs
.col-sm
…
-
Bootstrap 3
(bs-39
, 2017.01.11)
BS3 그리드 구조 (전체 너비12등분해 배분)
1
1
1
1
1
1
1
1
1
1
1
1
…
-
Bootstrap 3
(bs-38
, 2017.01.11)
BS3
Affix 플러그인 소개
스크롤 시, 특정 위치에 고정시킬 때 사용.
예: 상단고정메뉴, 사이드고정메뉴, 사이드배너 등
1.
① 스크롤 위치에 따라 position:static 속성과 position:fixed…
-
Bootstrap 3
(bs-36
, 2017.01.11)
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…
-
Bootstrap 3
(bs-34
, 2017.01.10)
Modal 정의
현재 페이지 위에 표시되는 대화 상자 / 팝업 창.
모달 플러그인은 아래 파일들 중 하나 추가하면 됨.
개별: "modal.js" 파일.
통합: "bootstrap.js" (또는 "bootstrap.min.js"사용)
&nb…
-
Bootstrap 3
(bs-22
, 2017.01.09)
Bootstrap's Default Settings (부트스트랩 기본 세팅)
.form-inline (768px 이상 너비에서 폼 가로 왼쪽 정렬 배열)
.form-horizontal (이름표와 폼 통제 그룹 수평 정렬 레이아웃)
.form-control (입력창, 테스트영역, 선택 요소 블럭…
-
Bootstrap 3
(bs-21
, 2017.01.09)
[Navbars]
.navbar (네비게이션 바 생성)
.navbar-brand (네비게이션 바 안의 로고나 헤더 표시)
.navbar-btn (네비게이션 바 안의 버튼 수직 정렬)
.navbar-collapse (작은 기기에서 네비게이션 바 감추기)
.navbar-default…
-
Bootstrap 3
(bs-20
, 2017.01.09)
Tabs & Pills 클래스
.nav nav-tabs (탭 모양 네이게이션 생성)
.nav nav-pills (알약 모양 가로 네이게이션 생성)
.nav nav-pills nav-stacked (알약 모양 세로 네이게이션 생성)
.nav-justified (너비 양쪽 균등 배분 탭/알약…