jQuery Modal Dialog Plugin For Bootstrap 3 - Bootstrap 3 Dialog

File Size: 152 KB
Views Total: 35660
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Modal Dialog Plugin For Bootstrap 3 - Bootstrap 3 Dialog

Bootstrap 3 dialog is a jQuery plugin that enhances the Twitter Bootstrap's modal component to make it more interactive, user-friendly and easy-to-implement. Check the demo page for more information.

Message types supported:

  • Default
  • Info
  • Primary
  • Success
  • Warning
  • Danger

Basic Usage:

1. Include Twitter's Bootstrap framework on your web page.

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script> 

2. Include the latest jQuery javascript library on your web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

3. Include jQuery Bootstrap 3 Dialog plugin files on your web page.

<link href="css/bootstrap-dialog.css" rel="stylesheet" type="text/css" />
<script src="js/bootstrap-dialog.js"></script>

4. Create a simple message box with a title and close button.

title: 'DEMO',
message: 'MESSAGES',
buttons: [{
    label: 'Close',
    action: function(dialogItself){

5. All default options.

type: BootstrapDialog.TYPE_PRIMARY,
title: null,
message: null,
closable: false,
draggable: false,
btnCancelLabel: BootstrapDialog.DEFAULT_TEXTS.CANCEL,
btnOKLabel: BootstrapDialog.DEFAULT_TEXTS.OK,
btnOKClass: null,
callback: null,
btnsOrder: 'btns-order-cancel-ok'

Change log:

v1.35.4 (2017-05-31)

  • add Accessiblility on the close button
  • Add support for data attributes on buttons
  • Allow a mouseOver text for buttons
  • Fix scrolling issue.
  • Fix double submit when ok button is focused

v1.35.3 (2016-09-06)

  • update and bug fixes

v1.35.2 (2016-06-23)

  • Close icon on the top right is configurable
  • Added option 'btnsOrder'
  • Allowed use of require() and Electron now uses it in the CommonJS env

v1.35.1 (2016-03-25)

  • bugfixes

v1.34.10 (2016-03-10)

  • Fixed: Opening a dialog while closing another leads to miscalculated z-indexes
  • Fixed: BootstrapDialog.moveFocus may be move focus to a none visible dialog
  • nl2br is false by default
  • Fixed: onshow(n) and onhide(en) do not work with "BootstrapDialog.alert" or "BootstrapDialog.confirm"

v1.34.9 (2016-01-12)

  • Fixed: Cannot close alert box with 1.34.8

v1.34.8 (2016-01-06)

  •  Set 'realized' status to false when closing a 'autodestroy' dialog. 


  • update

This awesome jQuery plugin is developed by nakupanda. For more Advanced Usages, please check the demo page or visit the official website.