使用Materialize在手机上重新排序列

Question

我正在使用materialize框架，并尝试在电话视图中重新排序列顺序。我希望购买按钮在手机上的内容之前。尝试拉动和推动，但无法弄明白。有什么帮助吗？

提前谢谢。

<div class="row">
    <div class="col s12 m3 l3">
      <img src="">
    </div>
    <div class="row">
      <div class="col s12 m6 push-m6 l7">CONTENT</div>
      <div class="col s12 m6 pull-m6 l2">BUY BUTTON</div>
    </div>
</div>

Answer 1

我认为您应该将您的布局整理为移动优先：默认情况下会出现BUY BUTTON，而在平板电脑屏幕或更大的（.m或.l类）中，您使用{ {1}}和push：

pull

Answer 2

如果行数不够，可以使用表格显示CSS属性！

.row .l7{
  display: table-footer-group;
}
.row .l2{
  display: table-header-group;
}