Bootstrap - 레이아웃

부트스트랩 그리드 시스템

; 반응형 웹을 구현해야 할 경우 사용

  .container 또는 .container-fulid 클래스가 필요.(적절한 정렬과 패딩)

  1행을 표현할 때는 row 클래스 사용.

  디바이스 크기를 지정할 때 lg, md, sm, xs로 지정이 가능하다.

  (ex. col-lg-*. col-md-*. col-sm-*. col-xs-*)

  그리드를 표현하고자 할때 col-크기-값 형태로 표현.

  화면 크기 12등분을 기준으로 함. 1행에 열의 총 합산값이 12가 되어야 함.

화면사이즈	표현
768px 보다 클때	col-sm-(n)
992px 보다 클때	col-md-(n)
1200px 보다 클때	col-lg-(n)
768px 보다 작을 때	col-xs-(n)

col-md-3, 화면사이즈가 992보다 큰 경우

col-md-3, 화면사이즈가 992보다 작은 경우