A Free jQuery plugin for Bootstrap alerts manipulation with BsAlert plugin. create and manipulate popup alert messages using the Bootstrap 5’s Alerts component.
Table of Contents
How to used :
Add the jQuery library and Bootstrap 5 framework in the head area.
<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/cdn/bootstrap.min.js"></script>
After add the BsAlert plugin Script.
<script src="./js/jquery.bs.alert.min.js"></script>
Create a alert messages add html code.
<div id="alert-wrapper"></div>
Add the plugin script on the wrapper element and create a Bootstrap alert as follows.
$('#alert-wrapper').bsAlert({
heading: 'Alert Title',
content: 'Alert Message. <a href="">HTML Is Supported As Well</a>.',
});
Set the alert type.
- primary
- secondary
- success
- danger
- warning (default)
- info
- light
- dark
Done
Thanks for make jQuery plugin is developed by For more Helpfull for users, please check the demo page or visit the official website.