■レイアウト：Flex d-flex：ユーティリティ：flex文字の伸縮 flex-grow 余白を埋める機能
flex文字01（flex-grow-1）
flex文字02
flex文字03
<div class="d-flex" style="height: 100px">
<div class="p-2 flex-grow-1">flex文字01（flex-grow-1）</div>
<div class="p-2">flex文字02</div>
<div class="p-2">flex文字03</div>
</div>
<!-- flex文字の幅を縮小する -->