order-3

bootstrap5.css

bootstrap5.css
.border-3 {
  border-width: 3px !important;
}
bootstrap5.css
.order-3 {
  order: 3 !important;
}

html bootstrap5 Sample

特定のflex文字の表示順序を入れ替えるクラス:order


flex文字01
flex文字02
flex文字03
  <!-- htmlの書いた順ではなく、orderの数値123順に並ぶ -->
  <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>

ボーダー太さ:border-1


border-1 border-2 border-3 border-4 border-5
  <span class="border border-1">border-1</span>
  <span class="border border-2">border-2</span>
  <span class="border border-3">border-3</span>
  <span class="border border-4">border-4</span>
  <span class="border border-5">border-5</span>