物化CSS-移动设备

我正在用谷歌的Materialize制作一个网站，但我在移动设备和平板电脑上的网格有一些问题。例如，我想在大屏幕上显示1行3列，在移动设备上显示3列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>

这就是你需要的。为行中的每一列指定类

coll4 s12

，以实现所需的功能

---

检查主题，在此

中创建响应性布局，向我们展示您迄今为止的成果。