Need bootstrap alerts for your project? Not an issue, I have you covered. Below you will find documetion on how to use the jQuery Plugin.

How to use Bootstrap Alerts for jQuery

.alert .title {
    font-weight: bold;
}
.alert .title:after {
    content: ":"
}
.alert {
    position: relative;
    top: 0;
    left: 0;
    right:0;
    z-index:10000000;
    margin-left: auto;
    margin-right: auto;
}

<div id="alert" class="hide alert alert-dismissable">
    <span class="title"></span>
    <span class="message"></span>
    <button type="button" class="close hide" data-dismiss="alert" aria-hidden="true">&times;</button>
</div>

$(document).ready(function() {
  $.alert("#alert", 3000, "Have you heard about the new game?", false).info();
  $.alert("#alert", 3000, "Did you mean to delete the game?", false).warning();
  $.alert("#alert", 3000, "You won the game, Congrats!", true).success();
  $.alert("#alert", 3000, "Awe, Snap! You lost the game.", false).danger();
});

Parameters

selector (must be an id, not class), timeout (in seconds), title, message, close button (true/false)

Methods

.warning(), .info(), .danger(), .success()

Version Support

• Bootstrap 3
• Bootstrap 4

This is a re-write of the original plugin located at https://github.com/ubergeekzone/Bootstrap3Alerts, Please do not use the old repo.