實現CSS - 移動設備

Question

我正在使用Google的Materialise創建網站，但我在移動設備和平板電腦上的網格存在一些問題。例如，我想要在大屏幕上顯示1行3列，移動設備上顯示1列3列。我按照他們的指示，但它不起作用...有人可以幫助我嗎？

Answer 1

<div class="row"> 
    <div class="col l4 s12"> 
     <!-- COL #1 --> 
    </div> 
    <div class="col l4 s12"> 
     <!-- COL #2 --> 
    </div> 
    <div class="col l4 s12"> 
     <!-- COL #3 --> 
    </div> 
</div> 

這就是你需要的。爲行中的每個列提供類col l4 s12以實現您正在尋找的內容。

檢查主題，在此Link