Question

我在包装实体化网格时遇到问题。现在看起来像：

[A] [B] [C] [D]，

当我将尺寸调整为小尺寸-<600px时，它看起来像：

[A] [B]

[C] [D]

但是我想看起来像：

[A] [C]

[B] [D]

有人知道我该如何更改吗？

 <div class="col s12 l9" id="foo">
       <div class="row">
            <div class="col s6 m3" id="one"></div>
            <div class="col s6 m3" id="two"></div>
            <div class="col s6 m3" id="three"></div>
            <div class="col s6 m3" id="four"></div>
       </div>
 </div>

Answer 1

只需使用网格的一些技巧，您就可以拥有想要的东西。

<div class="container">
    <div class="row">
        <div class="col s6">
            <div class="col m6 s12">A</div>
            <div class="col m6 s12">B</div>
        </div>
        <div class="col s6">
            <div class="col m6 s12">C</div>
            <div class="col m6 s12">D</div>
        </div>
    </div>
</div>

如何在实体化网格中更改换行顺序

1 个答案: