在桌面视图中更改列顺序

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列中使用源排序概念。

请检查以下代码块以了解基金会来源订购概念。

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

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