MaterializeCSS：推送元素溢出行而不是破坏下一行

Question

我使用的是Materialise的网格系统，其中Row包含数十个l3列。它按预期工作，每行显示4个col。

现在我希望能够在点击时放大一列（使其成为l9）。我已经成功点击了l3 / l9类，但是我遇到了推/拉功能问题。

如果点击的列位于第3或第4位，我想分别拉3或6，因此它保持在同一行。 与此同时，我将前面的列推到9，我希望它们相应地突破到下一行。

问题是：它没有突破到下一行，而是溢出了行，完全破坏了设计。

有没有办法实现这个目标？

Answer 1

不是真的很多，不确定我是否正确，但也许你可以做这样的事情：

    $('.row.l3').on('click',function(){
    if($(this).index() <= 1){
        ... Toggle push
    }else{
        ... Toggle pull
    }
})

另外，请记住每行应该只有12个col（例如：l3 + l3 + l3 + l3）。

祝你好运解决问题=）