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.

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>
Learn Tutorials Point
We Well organized and easy-to-understand Interactive tutorials With lots of examples of how to use Tutorials WordPress, PHP, Bootstrap, Bootstrap 4, HTML, CSS, AJAX, jQuery, Woocommerce, Post, Database, Javascript, Theme, Responsive, Templates.

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact us

Fill in the form below or give us a call and we'll contact you. We endeavour to answer all enquiries within 24 hours on business days.