各位前輩好
我用 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/