부트스트랩 사용법

bootstrap

 

영문으로 된 bootstrap 검색해서 사이트 접속

 

https://getbootstrap.com/

Bootstrap

get started 누르고 들어가서 

 

CDN(Content Delivery Network)

다른사람이 올려논 스타일 

 

css코드 (head태그 안에 넣는다)

js 코드 (body태그 바로전에 넣는다) 

 

component들어가서 원하는 양식을 고르고 코드를 가져온다.(copy)

 

(반응형 웹페이지 지원해줌)

layout의 grid(행 열 구성)

 

 

 

 

한줄의 크기를 12로 할당

행 -row  열-col

사이즈까지 지정가능

<div class = "col-lg-3  col-md-6">

화면 크기가 large일때 col크기 3 

화면 크기가 medium일때 col크기 6 으로 반응형 페이지 구성도 가능 

 

 

EXAMPLE

SAMPLE 웹페이지중 맘에 드는 페이지를 골라서

우클릭 → View page source 에서 소스들 복사해 붙여 넣은 후 → CSS, JS코드를 복사해와 바꿔주면 된다.