Bootstrap class: .alert-heading

<div class="alert alert-success" role="alert">
  <h4 class="alert-heading">Well done!</h4>
  You successfully read this important alert message.
</div>

Preview

Well done!

You successfully read this important alert message.

Check .alert-heading in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

Sass source

/* _alert.scss:14 */
.alert-heading {
  // Specified to prevent conflicts of changing $headings-color
  color: inherit;
}

Uses variables

/* _alert.scss:14 */
$headings-color