Bootstrap4のグリッドレイアウトの説明は長いので並べ替えも別ページに。 Bootsatrap4からはFlexboxを利用した列の順序変更が出来るようになりました。(記述したソースの順番ではなく表示の順番の設定ができるように) また、これまでにもあった途中で空欄を設けるオフセットなどの情報を記載しています。 列の順序変更(Order classes) 列全体の垂直方向の配置 .order- クラスを使用して、コンテンツの視覚的順序を制御できます。各ブレークポイントで order を設定することが可能です。(例、.order-1.order-md-2のように) グリッドの数と同じ1〜12までがサポートされています。 Bootstrap3で使用されていたpush/pullクラスのスタイルが廃止されて.orderクラスを新たに使用する形になったようです。 列の順序変更使用例 html <d