[grid] BS3 - Grid - Small (BS그리드 소형기기 이상) - col-sm-숫자

1. BS3 Grid : Small
2. col-sm-* 예제

BS3 Grid : Small

※ .container (또는, .container-fluid)  >  .row  >  .col~ 구조가 되도록 요소 배치.

※ .row (행) 안의 .column (열) 개수 합이 12가 되도록 배치.

※ 분기점 미만 : 수직정렬.

※ 분기점 이상 : 수평정렬. 

col-sm-* 예제

(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>

 

결과 보기