用基础 5 全宽移动柱子

Question

早安， 这是我的布局：

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

我的问题是：有没有办法在移动布局上先显示最后一个 div，然后再显示第一个？因为，如果我使用推拉，我可以在中等布局（“medium-8 medium-push-4”和“medium-4 medium-pull-8”）中移动它们，但不能在移动布局中移动它们。在使用可见性类之前，我想知道是否有更聪明的方法。

感谢您的帮助，

马可

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