■幅、高さ:Sizing:ユーティリティ:幅を指定するクラスw-25
w-25
w-50
w-75
w-100
<div class="w-25 border">w-25</div>
<div class="w-50 border">w-50</div>
<div class="w-75 border">w-75</div>
<div class="w-100 border">w-100</div>
■幅、高さ:Sizing:ユーティリティ:高さを指定するクラスh-25
親要素に高さを指定済(height: 200px;)
h-25
h-50
h-75
h-100
<p class="text-center">親要素に高さを指定済(height: 200px;)</p>
<div class="h-25 d-inline-block border">h-25</div>
<div class="h-50 d-inline-block border">h-50</div>
<div class="h-75 d-inline-block border">h-75</div>
<div class="h-100 d-inline-block border">h-100</div>
■幅、高さ:Sizing:ユーティリティ:最大高を指定するクラス mh-100
<img class="mh-100" src="https://via.placeholder.com/318x180/FFFF00/000000?text=img" alt="">
■幅、高さ:Sizing:ユーティリティ:最大幅を指定するクラス mw-100
<img class="mw-100" src="https://via.placeholder.com/318x180/FFFF00/000000?text=img" alt="">
■幅、高さ:Sizing:ユーティリティ:スクリーンリーダー sr-only 非表示だけど非視覚者のみに読み上げる
<a class="sr-only sr-only-focusable" href="#">メインコンテンツへスキップ</a>