order-first

bootstrap5.css

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

html bootstrap5 Sample

コンテンツの並べ替え：order-first

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

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

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

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