ディスプレー：display

devで背景色とテキストの文字

ブロック表示のdiv


  <div class="bg-primary text-white">ブロック表示のdiv</div>
  <div class="bg-dark text-white">ブロック表示のdiv</div>

インライン表示のdiv：d-inline

インライン表示のdiv


  <div class="d-inline bg-primary text-white">インライン表示のdiv</div>
  <div class="d-inline bg-dark text-white">インライン表示のdiv</div>

インライン表示のspan：span

インライン表示のspan インライン表示のspan


  <span class="bg-primary text-white">インライン表示のspan</span>
  <span class="bg-dark text-white">インライン表示のspan</span>

ブロック表示のspan：d-block

ブロック表示のspan ブロック表示のspan


  <span class="d-block bg-primary text-white">ブロック表示のspan</span>
  <span class="d-block bg-dark text-white">ブロック表示のspan</span>

要素の表示／非表示を設定する：d-lg-none

lgより大きい画面幅で非表示

lgより大きい画面幅で表示


  <div class="d-lg-none bg-primary text-white">lgより大きい画面幅で非表示</div>
  <div class="d-none d-lg-block bg-secondary text-white">lgより大きい画面幅で表示</div>

印刷時の表示／非表示を設定する：d-print-none

スクリーンのみ表示（印刷時のみ非表示）

印刷時のみ表示（スクリーンでは非表示）


  <div class="d-print-none">スクリーンのみ表示（印刷時のみ非表示）</div>
  <div class="d-none d-print-block">印刷時のみ表示（スクリーンでは非表示）</div>

Embed埋め込み/アスペクト比16:9：embed-responsive


  <!-- 大きさが自動調整される -->
  <!-- アスペクト比を持つ親要素に iframe のような埋め込みをラップします -->
  <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/SGqg_ZzThDU?rel=0"
      allowfullscreen></iframe>
  </div>