在桌面視圖中更改列順序

-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

好吧，謝謝澄清，會找到另一種方式。 –

在桌面視圖中更改列順序

回答

相關問題