order-2
bootstrap5.css
bootstrap5.css
.order-2 {
-ms-flex-order: 2;
order: 2;
}
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>