各位前辈好
我用 bootstrap 12格的格线系统做一个版面
在 width >= 1280px的时候
版面排列是
每个 block 都是 div
里面都有文字图片内容，等等
┌────┐ ┌────┐┌────┐
│ block1 │ │ block2 ││ block3 │
└────┘ └────┘└────┘
然后在手机上就会自动改成
┌────┐
│ block1 │
└────┘
┌────┐
│ block2 │
└────┘
┌────┐
│ block3 │
└────┘
但是如果在手机上，
或者在特定的分辨率上想要改变 blcok 排列的顺序
例如想要改成
┌────┐
│ block3 │
└────┘
┌────┐
│ block1 │
└────┘
┌────┐
│ block2 │
└────┘
这样的话，有什么方法呢？
P.S. 每个 block 都是各自独立的主题框 ，里面都有标题，图片，文字
再请各位解惑了
谢谢
<(_ _)>

Media Query + Flexbox (order)

bootstrap 应该要4才有 flexbox功能？

或是 Bootstrap 的 .col-*-push-* / .col-*-pull-* 也行

印象中Boostrap可以设定每个block适用分辨率如果当前萤幕小于设定就会自动变直行，可以研究一下格线系统，boostrap一开始就有这个，不过我没用过客制化帮不上忙= = 我没看清楚问题...请帮我修推文，Sorry

可先读读bootstrap 4的文件

push 和 pull

我没直接试过，但感觉可以用flex container达成？原来一楼已经说过了 这个网站供原作参考：https://css-tricks.com/snippets/css/a-guide-to-flexbox/