BS3 Grid : Medium
|
Extra Small |
Small |
Medium |
Large |
Class 접두어 |
.col-xs |
.col-sm |
.col-md |
.col-lg |
화면 너비 |
<768 |
>=768 |
>=992px |
>=1200px |
col-md-* 예제1 - sm, md 혼용
(sm 미만 수직) → (sm 이상 3:9) → (md 이상 6:6)
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-6">...</div>
<div class="col-sm-9 col-md-6">...</div>
</div>
</div>
결과 보기
col-md-* 예제2 : md만 사용
(md 미만 수직) → (md 이상 6:6)
<div class="container-fluid">
<div class="row">
<div class="col-md-6">...</div>
<div class="col-md-6">...</div>
</div>
</div>
결과 보기