alert-heading

bootstrap5.css

.alert-heading {
  color: inherit;
}

html bootstrap5 Sample

アラート内にコンテンツを追加する：alert

アラートのタイトル

アラートの内容

詳細内容へ

問い合わせ

  <div class="alert alert-success" role="alert">
    <h4 class="alert-heading">アラートのタイトル</h4>
    <p>アラートの内容</p>
    <p class="mb-0"><a href="#" class="alert-link">詳細内容へ</a></p>
    <p class="mb-0"><a href="#">問い合わせ</a></p>
  </div>