在移动屏幕中更改框的顺序

Question

我需要为这样的大屏幕制作响应式布局：

⎡                 ⎤[                 (1) s12 m9                 ]
⎢   (2) s12 m3    ⎥⎡                                             ⎤
⎢                 ⎥⎢                 (3) s12 m9                  ⎥
⎣                 ⎦⎣                                             ⎦

并在小屏幕中：

[  (1) s12 m9  ]
[  (2) s12 m3  ]
[  (3) s12 m9  ]

我测试了offset-和push-/pull-，但我没有成功过来！

编辑：

推拉：

⎡                 ⎤[             (1) s12 m9 push-m9             ]
⎢   (2) s12 m3    ⎥
⎢   pull-m9       ⎥
⎣                 ⎦
                  [             (3) s12 m9 push-m9             ]