[Bootstrap] Bootstrap의 기본적인 사용법

// 개인 필기용 포스트라 내용이 두서가 없을 수 있습니다 ㅋㅋㅋ

 

<div>태그로 영역을 분리.

 

그리드 시스템을 사용하기 위해서는

container 혹은 container-fluid) 태그로 컨테이너를 만들어야 함.

<div class="container">a</div>

하나의 컨테이너 안에는 여러 개의 row가 있을 수 있음.

 

row는 가로 한줄이며, row를 지정하려면 <div class="row">태그를 사용하면 됨.

하나의 row는 12등분된 column으로 나눠지며, 

<div class="col-md-9">a</div>
<div class="col-md-3">b</div>

이런 식으로 column 몇 칸을 차지하게 할지 태그로 조절할 수 있음. (위 예시에서는 9칸짜리 하나와 3칸짜리 하나)

 

 

**Bootstrap 사이트 내 example 참고할 것

참고글: unikys.tistory.com/371