bootstrap4

bootstrap4.css

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

■レイアウト：Flex d-flex：ユーティリティ：特定のflex文字の表示順序を入れ替えるクラス

flex文字01

flex文字02

flex文字03

  <div class="d-flex">
    <div class="order-1">flex文字01</div>
    <div class="order-3">flex文字02</div>
    <div class="order-2">flex文字03</div>
  </div>