Bootstrap Demo
Bootstrap Code
Output
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="alert/bootbox.min.js"></script> <script> $(document).on("click", "#bootalert", function(e) { bootbox.alert("Your account has been created!", function() { }); }); $(document).on("click", "#confirmalert", function(e) { bootbox.confirm("Your account will be deleted permanently, Are you sure?", function() { }); }); $(document).on("click", "#promptalert", function(e) { bootbox.prompt("Please enter your email address to proceed!", function() { }); }); </script> </head> <body> <div class="container"> <h1>Bootstrap Modal Alert Example</h1> <p><button type="button" id="bootalert" class="btn btn-info btn-lg">Trigger simple Alert</button></p> <p><button type="button" id="confirmalert" class="btn btn-danger btn-lg">Trigger confirm Alert</button></p> <p><button type="button" id="promptalert" class="btn btn-warning btn-lg">Trigger A prompt alert</button></p> </div> </body> </html>
Bootstrap Modal Alert Example
Trigger simple Alert
Trigger confirm Alert
Trigger A prompt alert