bootstrap4

■幅、高さ：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>