[부트스트랩] 그리드

1. 그리드

 

 

1) 그리드의 법칙

 

• 최소 한개의 row가 container 안에 배치되어야 합니다.
• 최소 한개의 column이 row 안에 배치되어야 합니다.
• row는 항상 container 안에 배치되어야 합니다. 
• row 아래에는 column 단위만 포함할 수 있습니다.
  (contents 를 넣고자 하는 경우 column 안에 포함시켜야 합니다.)
• 개별 column 은 항상 row에 직접 연결된 자식 개체여야 합니다.

 

2) container

 

부트스트랩의 최상위 오브젝트입니다.

컨테이너 안에 다른 요소들이나 콘텐츠들을 포함할 수 있습니다.

 

 

3) column

 

row 안에 직속으로 들어가는 자식요소 입니다.

뷰포트 상에 좌우로 나열되는 규격을 만들어줍니다.

각 column 사이에 생기는 간격을 gutter라고 부릅니다.

 

column은 기본적으로 12개의 칸을 가지고 있습니다.

column을 합쳐서 4,3,2,1 개의 큰 규격으로 사용할 수 있습니다.

 

 

 

https://brunch.co.kr/@clay1987/132