0

おはようございます、これは私のレイアウトです：

<div class="row">
  <div class="medium-8 small-12 columns">
     ...
  </div>
  <div class="medium-4 small-12 columns">
     ...
  </div>
</div>

私の質問は: モバイル レイアウトで最初に最後の div を表示し、次に最初の div を表示する方法はありますか? プッシュとプルを使用すると、それらをミディアム レイアウト (「ミディアム 8 ミディアム プッシュ 4」および「ミディアム 4 ミディアム プル 8」) でシフトできますが、モバイル レイアウトではシフトできません。可視性クラスを使用する前に、もっとスマートな方法があるかどうか知りたいです。

ご協力ありがとうございました、

マルコ

4

1 に答える 1

1

モバイル画面に合わせてレイアウトしてください。次に、ソース レンダリングを使用して、小さい画面に合わせます ( have second div first)。

<div class="row">
  <div class=" small-12 medium-4 medium-push-8 columns">
     your last div have it as first div and use source rendering for small-up screens
  </div>
  <div class="small-12 medium-8 medium-pull-4 columns">
     ...
  </div>
</div>
于 2014-11-04T11:56:39.330 に答える