[Bootstrap] 다운로드 | 기본설정 | visible / hidden | offset

https://getbootstrap.com/

Bootstrap

 

bootstrap 다운로드

3.4.1버전

 

bootstrap-3.4.1-dist에 들어있던 css,fonts,js 폴더를 바깥으로 꺼낸다

 

bootstrap 사용 준비

 

1. 해상도별 키워드와 사이즈

구분	스마트폰	태블릿	데스크톱	큰 데스크톱
넓이	768px 미만	768px 이상	992px 이상	1200px 이상
화면 종류	.col-xs	.col-sm-	.col-md-	.col-lg-

 

 

별다른 설정 없이도 크기에 맞게 조절된다 (잘릴 일이 없음)

 

* 부트스트랩은 12column을 사용한다. 이는 한 화면을 12개로 화면분할을 한 것을 의미한다

  (3column으로 나눈다면 총 4개의 화면이 생기게 되고 화면이 줄어들면 그에 맞춰 반응한다)

 

2. visible / hidden

화면의 종류(크기)에 따라서 숨기거나 보일 수 있다 

 

큰 데스크톱에서는 보이지 않는 패드메뉴

 

큰 데스크톱에서만 보이는 전체메뉴

 

3. offset : 여백. 지정한 column 만큼 여백으로 설정됨