col order-1

html bootstrap5 Sample

コンテンツの並べ替え：order-1～order-12

第1のカラム（順序指定なし）

第2のカラム（順序指定は12）

第3のカラム（順序指定は1）

  <div class="row">
    <!-- orderの数字の小さい順に並ぶ、プログラムでhtmlを書くときは便利 -->
    <div class="col">第1のカラム（順序指定なし）</div>
    <div class="col order-12">第2のカラム（順序指定は12）</div>
    <div class="col order-1">第3のカラム（順序指定は1）</div>
  </div>