Full Bootstrap-Based Alert for JavaScript | Bootalert

Bootstrap-Bootalert

Looking for a javascript alternative to the javascript alert() and prompt() functions? Bootalert is a small jQuery plugin that enables you to create responsive, customizable, customizable, and awesome dialogs using Bootstrap 4.

bootstrap message box, bootstrap alert example, bootstrap alert javascript, bootstrap alert popup, bootstrap success message popup, bootstrap alert popup jquery

How to make use of it:

1. Load the minified version of the Bootalert plugin after jQuery.

<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" />
<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/cdn/bootstrap.min.js"></script>
<script src="/path/to/bootalert.min.js"></script>

2. Create a primary alert box.

bootalert('Welcome To BootAlert')

3. Create an alert box with a customized title.

bootalert('WebCodeFlow','I am Bootalert')

4. Add a customized confirm button to the alert box.

// 'danger' button
bootalert('WebCodeFlow','I am Bootalert','danger')

// 'primary' button
bootalert('WebCodeFlow','I am Bootalert','danger')

// custom button text
bootalert('WebCodeFlow','I am Bootalert','danger','Ok')

5. Create a prompt dialog box.

bootprompt('Enter Email','primary','Get Email');

// output 
function bootrun(){
  console.log('Your Email is '+ window.bootval);
  $('.modal').modal('hide');
}

Documentation

MethodUse
bootalert(‘Hello World’)Header Text in Alert
bootalert(‘Hello World’,’I am Bootalert’)Header, Message in Alert
bootalert(‘Hello World’,’I am Bootalert’,’primary’)Header Text, Message, button theme in Alert
bootalert(‘Hello World’,’I am Bootalert’,’primary’,’Ok’)Header Text, Message, button theme, Button Name in Alert
bootprompt(‘Enter Name’,’primary’,’Get Name’)Get InputHeader Text, button theme, Button Name in Alert

Pure Bootstrap 4 Based JS Alert, customize javascript alert box CSS, Bootstrap Alert Box, Bootalert Plugin/Github, bootstrap alert on button click


See Demo And Download

Official Website(rohit-chouhan): Click Here

This superior jQuery/javascript plugin is developed by rohit-chouhan. For extra Advanced usage, please go to the official website.

Share