Alerts

<div class="alert alert-info">
  Info alert for providing information to the user
</div>

<div class="alert alert-success">
  Success alert for providing success messages to the user
</div>

<div class="alert alert-warning">
  Warning alert for providing warning messages to the user
</div>

<div class="alert alert-danger">
  Danger alert for providing error messages to the user
</div>

<div class="alert">
  General alert for providing general messages to the user
</div>

<div class="alert alert-info alert-longform">
  <div>
    <p>
      Alerts with complex / longform information can use the Body property, this overrides the Text property.
    </p>
    <p>
      <strong>Lorem Ipsum</strong>
      Turpis egestas pretium aenean pharetra magna ac placerat vestibulum. Consequat id porta nibh venenatis cras sed. Dolor sit amet consectetur adipiscing elit.
    </p>
    <p>
      <strong>Dolor Sit Amet</strong>
      Convallis posuere morbi leo urna molestie at elementum eu facilisis. Libero volutpat sed cras ornare arcu dui. Vitae tempus quam pellentesque nec nam aliquam.
    </p>
    <p>
      <strong>Consequat id porta</strong>
      Diam maecenas sed enim ut sem viverra. Imperdiet sed euismod nisi porta lorem mollis aliquam.
    </p>
  </div>
</div>