Bootstrap 4 Custom Alert & Confirm Popup with jQuery

Free jQuery plugin for Bootstrap 4 Custom Alert & Confirm Popup. The plugin allow you to create alert popup or confirm message with Bootstrap 4 modals.

Plugin Overview

Plugin: boot4alert.js
Author: Chanchai jeimvijack
Licence: MIT Licence
Published: February 13, 2019
Official Website: Go to website
Dependencies: jQuery 3.3.1 and Bootstrap 4.2
File Type: zip archive (HTML, CSS & JavaScript)
Package Size: 6.7 KB

How to Use Bootstrap 4 Custom Alert :

1. Load the necessary jQuery and Bootstrap files into the HTML page.

<!-- jQuery -->
<script src=""></script>

<!-- Bootstrap CSS -->
<link href="" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<!-- Bootstrap JS -->
<script src="" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

2. After that, include the plugin’s JavaScript file in your website.

<script src="boot4alert.js"></script>

3. To create a basic alert box use the following syntax.

boot4.alert("Hello World!", "OK");

4. To create the alert message with callback function:

   msg: "Confirm Message",
   title: "Confirm",
   callback: function(result) {

5. To create alert popup modal with custom design and with callback function:

   msg: "Alert Message",
   title: "Alert",
   style: {
     // CSS styles here
   callback: function() {
     // do something
}, "OK");

Be the first to comment

Leave a Reply

Your email address will not be published.


This site uses Akismet to reduce spam. Learn how your comment data is processed.