Social Icon Shortcode

Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight required contextual classes (e.g., .alert-success ). For inline dismissal, use the alerts jQuery plugin.

Get Started
<div class="alert alert-success alert-dismissible fade show" role="alert">
  <i class="icon-check2"></i>
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">×</span>
  <h4 class="fs-22">Success</h4>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit./p>


Alerts are available in eight colors, gives you enough freedom to use a specific color in each situation.

Additional Content

Alerts can also contain additional HTML elements like headings, paragraphs and dividers.


Using the alert JavaScript plugin, it’s possible to dismiss any alert inline.