How to use Bootstrap Alerts

Bootstrap provides an easy way to create alert messages, Alerts are created with the .alert class.

Success Alert

<div class="alert alert-success">
      <strong>Success!</strong> How to use Bootstrap Alerts.
</div>

Info Alert

<div class="alert alert-info">
  <strong>Info!</strong> Learn Tutorials Point - How to use Bootstrap Alerts.
</div>

Warning Alert

<div class="alert alert-info">
  <strong>Info!</strong> Learn Tutorials Point - How to use Bootstrap Alerts.
</div>

Danger Alert

<div class="alert alert-info">
  <strong>Info!</strong> Learn Tutorials Point - How to use Bootstrap Alerts.
</div>

Create Alert Links

<div class="alert alert-success">
       <strong>Success!</strong> You should <a href="#" class="alert-link">read this message</a>.
</div>

Create Closing Alerts

<div class="alert alert-success alert-dismissible">
      <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
      <strong>Success!</strong> Learn Tutorials Point - How to use Bootstrap Alerts.
</div>