並び替え

.row

商品A
order-3
商品B
order-2
商品C
order-1

div要素を記述した順番ではなく、
order-N の数値が小さい順にブロックが配置される。
何も指定してないないflexボックスの order の初期値は 0。


間隔の指定

ブロックA
.col-3
ブロックB
.col-3.offset-3

      .offset-3 {
        margin-left: 25%;
      }
      /* offset-N は margin-left で調節する */