Question

我正在使用Foundation框架。

任何人都可以告诉我如何重新订购基础网格。

以下是代码：

<div class="row">
   <div class="small-12 large-12 large-push-12 columns">
      Mobile top. Desktop bottom.
   </div>

   <div class="small-12 large-12 large-pull-12 columns">
      Mobile bottom. Desktop top.
   </div>
</div>

问题在于桌面布局：large-push-12和large-pull-12无效，网格未重新排序。

我有什么遗漏吗？

Answer 1

您不能在Foundation for Full width columns中使用源排序概念。

请查看下面的代码块，了解基金会来源订购概念。

<div class="row">
  <div class="small-5 small-push-7 medium-7 medium-push-5 columns">7</div>
  <div class="small-7 small-pull-5 medium-5 medium-pull-7 columns">5, last</div>
</div>

参考。链接 - https://foundation.zurb.com/sites/docs/grid.html

更改桌面视图中的列排序

1 个答案: