在桌面视图中更改列顺序

-2

谁能告诉我如何重新订购基础网格。

下面的代码：

<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不工作和电网不重新排序。

有什么我失踪？

来源

2017-10-10 Erwin Sanders

显示其余的代码，像CSS ... –

我使用基础架构，这是相当普遍 –

您不能在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

来源

2017-10-10 06:18:37 sajee

好吧，谢谢澄清，会找到另一种方式。 –

在桌面视图中更改列顺序

回答

相关问题