MaterializeCSS : 다음 줄로 넘어가는 대신 요소가 오버 플로우됩니다.

Question

에 l3 열이있는 Materialize의 그리드 시스템을 사용하고 있습니다. 그것은 예상대로 작동하고 그것은 라인 당 4 cols를 표시합니다.

이제는 클릭하여 열을 확대하고 싶습니다 (l9). 나는 이미 클릭 할 때 l3/l9 클래스를 전환하는 데 성공했지만, push/pull 기능에 문제가있다.

클릭 된 열이 3 번째 또는 4 번째 위치에 있으면 각각 3 또는 6으로 당겨서 같은 줄에 머무르게합니다. 동시에, 나는 그것 앞에 오는 열을 9로 밀고 있으며, 나는 그것들이 그에 따라 다음 줄로 넘어갈 것을 기대했다.

문제는 다음 행으로 나누는 대신 행이 넘쳐서 완전히 디자인을 위반하는 것입니다.

이 방법이 있습니까? 만 12 COL의 총이 있어야 기억, 또한

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

:

Answer 1

별로 많이 떨어져 가서 내가 옳다 경우 확실하지,하지만 어쩌면 당신은 이런 식으로 뭔가를 할 수 있습니다합니다 (예 : l3 + l3 + l3 + l3).

행운을 빕니다 문제 =)