복잡한 부트 스트랩 스택 된 열

Question

콘텐츠가 5 개의 그리드 열에 배치 된 웹 사이트가 있습니다. 은 "XS"에 그것은 간단하다 :

| 1 | 
| 2 | 
| 3 | 
| 4 | 
| 5 | 

http://i.imgur.com/WrqWoGo.png

질문 : 어떻게이 "SM"에 다음과 같이 보이게?

| 1 ||    || 2 | 
| 4 ||  3  || 5 | 

http://i.imgur.com/RjTqYxs.png

Answer 1

당신은 같은 레이아웃 여기

<div class="row"> 
    <div class="col-sm-2">1</div> 
    <div class="col-sm-2 col-sm-offset-8">2</div> 
</div> 
<div class="row"> 
    <div class="col-sm-2">4</div> 
    <div class="col-sm-8">3</div> 
    <div class="col-sm-2">5</div> 
</div> 

을 마련하기 위해 COL-SM-오프셋, * 클래스를 사용하는 것은 http://plnkr.co/edit/RITUeIfyMzngqGhT5211?p=preview