lead

bootstrap5.css

bootstrap5.css
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

html bootstrap5 Sample

リード文：lead

目立たせたい段落（p.lead）

標準的な段落（p）

  <p class="lead">目立たせたい段落（p.lead）</p>
  <p>標準的な段落（p）</p>

ジャンボトロン：jumbotron

Jumbotron

これはジャンボトロンのサンプルです。

  <!-- ジャンボトロンは、大型表示で、トップ見出しなどに使う用語 -->
  <div class="jumbotron">
    <h4 class="display-3">Jumbotron</h4>
    <p class="lead">これはジャンボトロンのサンプルです。</p>
  </div>

ジャンボトロンを全幅で表示する：jumbotron-fluid

Fluid jumbotron

これは全幅のジャンボトロンのサンプルです。

  <div class="jumbotron jumbotron-fluid">
    <div class="container">
      <h4 class="display-3">Fluid jumbotron</h4>
      <p class="lead">これは全幅のジャンボトロンのサンプルです。</p>
    </div>
  </div>