Foundationフレームワーク - 行間の列ソースの順序を移動する

Question

私は財団特有のクエリを持っています。私は2番目の行の上に2列の最初の行を持っています。私は最初の行の2番目の（手の）列を2番目の行の下に移動するようにします。私はプッシュ/プルなどを見てきましたが、私は行間の列を切り替えるのが難しいです。どのようにこれを達成することができます任意のアイデアですか？それはcolumns only（いない行と列）を並べ替えることがあるよう

おかげで、 MK

Answer 1

これは、あなたが財団のプッシュ/プルを経由して記述した方法で直接ことはできません。

あなたは（これはしかし、他の関連する問題を持っている）1行のみであるためにあなたのHTMLを再構築して、プッシュを使用/

を引っ張ったり（詳細は、単に）だけの小さなごとに1行を表示する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です。