BS3 Grid : Small col-sm-* 예제
※ .container (또는, .container-fluid) > .row > .col~ 구조가 되도록 요소 배치.
※ .row (행) 안의 .column (열) 개수 합이 12가 되도록 배치.
※ 분기점 미만 : 수직정렬.
※ 분기점 이상 : 수평정렬.
(sm 미만 수직) → (sm 이상 3:9) <div class="container-fluid"> <div class="row"> <div class="col-sm-3">...</div> <div class="col-sm-9">...</div> </div> </div> 결과 보기 (sm 미만 수직) → (sm 이상 4:8) <div class="container-fluid"> <div class="row"> <div class="col-sm-4">a</div> <div class="col-sm-8">b</div> </div> </div> 결과 보기
(sm 미만 수직) → (sm 이상 3:9)
<div class="container-fluid">
<div class="row">
<div class="col-sm-3">...</div>
<div class="col-sm-9">...</div>
</div>
결과 보기
(sm 미만 수직) → (sm 이상 4:8)
<div class="col-sm-4">a</div>
<div class="col-sm-8">b</div>