[bootstrap] 부트스트랩 그리드 – 전통적인 페이지 레이아웃

화면너비	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 패딩

 

좌측 내용과 우측에 사이드바가 있는 전통적인 그리드인데요.
좌측 그리드는 8을 우측 그리드는 4로 2:1 비율로 만들었습니다.

<div class=”col-md-8 col-lg-8 col-sm-8“>…</div>
<div class=”col-md-4 col-lg-4 col-sm-4“>…</div>