■ディスプレー:Display:ユーティリティ:devで背景色とテキストの文字

ブロック表示のdiv
ブロック表示のdiv
  <div class="bg-primary text-white">ブロック表示のdiv</div>
  <div class="bg-dark text-white">ブロック表示のdiv</div>
■ディスプレー:Display:ユーティリティ:divをd-inlineで利用

インライン表示のdiv
インライン表示のdiv
  <div class="d-inline bg-primary text-white">インライン表示のdiv</div>
  <div class="d-inline bg-dark text-white">インライン表示のdiv</div>
■ディスプレー:Display:ユーティリティ:spanで利用

インライン表示のspan インライン表示のspan
  <span class="bg-primary text-white">インライン表示のspan</span>
  <span class="bg-dark text-white">インライン表示のspan</span>
■ディスプレー:Display:ユーティリティ: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>
■ディスプレー:Display:ユーティリティ:要素の表示/非表示を設定するレスポンシブなクラス

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>
■ディスプレー:Display:ユーティリティ:印刷時の表示/非表示を設定するクラス

スクリーンのみ表示(印刷時のみ非表示)
印刷時のみ表示(スクリーンでは非表示)
  <div class="d-print-none">スクリーンのみ表示(印刷時のみ非表示)</div>
  <div class="d-none d-print-block">印刷時のみ表示(スクリーンでは非表示)</div>
■ディスプレー:Display:ユーティリティ:Embedユーティリティ 埋め込みクラス アスペクト比 16:9

  <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
  </div>