カラムの左右(上下)をレスポンシブで入れ替える
以下をスマホビューしてみてご確認ください。
通常バージョン
ここに本文が入ります。国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。向こう側の座席から娘が立って来て…
↓そのままだとこの様に、左のブロックが上に・右のブロックが下になると思います。
各カラムに以下のようにclassユーティリティを設定すると、cssの開発無しで入れ替えができますので便利です。
(デザイナーさんによってはわざわざ新たに記述する人も多い。)
レスポンシブ左右入れ替えバージョン
ここに本文が入ります。国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。向こう側の座席から娘が立って来て…
order-2 order-md-1
order-1 order-md-2
↓こうなります
カラムが2個以上ある場合はorderの後の数字を触ればいいと思います。