[bootstrap] 부트스트랩 그리드 – 컬럼 오프셋(Column Offset)

화면너비	768px 미만	768px 이상	992px 이상	1200px 이상
그리드 배열	항상 가로배열	가로 배열에서 위 수치에 이르면 세로 배열로 전환
.container 너비	없음 (항상 화면 전체너비)	750px	970px	1170px
클래스 선택자 접두어	.col-xs- (xs: extra small)	.col-sm- (sm: small)	.col-md- (md: medium)	.col-lg- (lg: large)
거터(그리드 사이 여백) 크기	30px, 그리드 좌우측 15px 패딩

 

컬럼 오프셋이란 그리드를 일정 크기만큼 간격을 둘 수 있는 기능입니다.

 

 <div class=”col-md-6 col-md-offset-3“>…</div>

 

하나의 .row에 하나의 그리드만 있습니다.
해당 그리드의 크기만큼 오프셋 선택자를 추가하면 왼쪽으로부터 떨어져서 배치됩니다.
어떤 요소를 중앙 정렬하거나 오른쪽 정렬할 때 유용합니다.
.col-md-offset-8을 입력하면 오른쪽에 배치됩니다.
.col-md-offset-6 .col-md-offset-3 선택자를 사용하면 6 크기만큼의 그리드가 오른쪽으로 3 크기만큼 떨어져 중앙에 배치됩니다.