Latest Post

How to use Bootstrap Alerts

How to use Bootstrap Alerts

How to use Bootstrap Alerts


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

Alerts

Success Alert

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


Info Alert

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

Warning Alert

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


Danger Alert

How to use Bootstrap Alerts
<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>

No comments