bootstrap4.css
.alert-link {
  font-weight: 700;
}
bootstrap4.css
.alert-primary .alert-link {
  color: #002752;
}
bootstrap4.css
.alert-secondary .alert-link {
  color: #202326;
}
bootstrap4.css
.alert-success .alert-link {
  color: #0b2e13;
}
bootstrap4.css
.alert-info .alert-link {
  color: #062c33;
}
bootstrap4.css
.alert-warning .alert-link {
  color: #533f03;
}
bootstrap4.css
.alert-danger .alert-link {
  color: #491217;
}
bootstrap4.css
.alert-light .alert-link {
  color: #686868;
}
bootstrap4.css
.alert-dark .alert-link {
  color: #040505;
}
■アラート:alert:コンポーネント:アラート内にコンテンツを追加する

  <div class="alert alert-success" role="alert">
    <h4 class="alert-heading">アラートのタイトル(h4)</h4>
    <p>アラートの文字</p>
    <hr>
    <p>アラート内のリンクを見やすくする</p>
    <p class="mb-0"><a href="#" class="alert-link">リンク alert-primary</a></p>
    <p class="mb-0"><a href="#">リンク alert-primary</a></p>
  </div>