Bootstrap 5 Alerts Manipulation In jQuery Plugin – BsAlert

Other
File Size: 1.74 KB
Views Total: 1041 views
Last Update:January 1, 1970
Publish Date: November 24, 2021
Official Website: Go to website
License: MIT
Plugin Author:
Demo    Download

A Free jQuery plugin for Bootstrap alerts manipulation with BsAlert plugin. create and manipulate popup alert messages using the Bootstrap 5’s Alerts component.

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.

Kayla Matthews

Howdy! I'm a web designer and developer. I built CSS-Tricks, a website all about building websites, going strong for 5 years.

Related jQuery Plugins

You Might Also Like