Question

早安，这是我的布局：

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

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

感谢您的帮助，

马

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>

用基础5移动全宽的柱子

1 个答案: