Foundation 프레임 워크 - 행간 열 소스 순서 이동

Question

나는 Foundation 관련 쿼리를 사용하여 도움이되기를 바랍니다. 두 번째 행 위에 두 열의 첫 번째 행이 있습니다. 첫 번째 행의 두 번째 (오른손) 열을 모바일 형식의 두 번째 행 아래로 떨어 뜨리고 싶습니다. 밀어 넣기/당기기 등을 들여다 보았지만 행간에 열을 전환하는 데 어려움을 겪고 있습니다. 이것이 어떻게 실현 될 수 있는지에 대한 아이디어가 있습니까? 이 columns only (안 행과 열을) 순서를 그대로

감사합니다, MK

Answer 1

이, 당신은 재단의 밀어/당겨을 통해 설명하는 방법으로 직접 할 수 없습니다.

당신은 (이 비록 다른 관련 문제가) 하나의 행으로 당신의 HTML을 재구성 한 후 푸시를 사용/

를 당기거나 (더 간단하게) 단지 작은 하나 개의 행을 표시하기 위해 Visibility classes을 고용하고 숨길 수 그 중간 위쪽과 다른 반대의 경우 :

<div class="row"> 
    <div class="small-12 medium-6 columns"> 
     Top left 
    </div> 
    <div class="medium-6 columns show-for-medium"> 
     Top right 
    </div> 
</div> 
<div class="row"> 
    <div class="small-12 large-6 columns"> 
     Bottom 
    </div> 
</div> 
<div class="row"> 
    <div class="small-12 columns show-for-small-only"> 
     Bottom for small 
    </div> 
</div> 

jsfiddle이 예의.