カラムの左右(上下)をレスポンシブで入れ替える

以下をスマホビューしてみてご確認ください。

通常バージョン

ここに本文が入ります。国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。向こう側の座席から娘が立って来て…

↓そのままだとこの様に、左のブロックが上に・右のブロックが下になると思います。

各カラムに以下のようにclassユーティリティを設定すると、cssの開発無しで入れ替えができますので便利です。
(デザイナーさんによってはわざわざ新たに記述する人も多い。)

レスポンシブ左右入れ替えバージョン

ここに本文が入ります。国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。向こう側の座席から娘が立って来て…

order-2 order-md-1
order-1 order-md-2

↓こうなります

カラムが2個以上ある場合はorderの後の数字を触ればいいと思います。