Bootstrap 정리 (3)

Javascript/Bootstrap

Bootstrap 정리 (3) - Grid

조영래 2015. 6. 8. 09:06

1. bootstrap은 총 12개의 컬럼을 사용

2. Grid 클래스들
- col-xs-* : 모바일
- col-sm-* : 태블릿
- col-md-* : 데스크탑
- col-lg-* : 큰 데스크탑

3. 예제
<div class="container"> <div class="row"> <div class="col-md-8">.col-md-8</div> <div class="col-md-4">.col-md-4</div> </div> <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> </div> </div>