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>