Create Post
2
Contacts
10
Messages
3
Gallery
Settings
Plugins
Jane Smith Back

Hey! How's it going?

1:20:42 PM

Not bad... i guess. What about you? Haven't gotten any updates from you in a long time.

1:20:46 PM

Yeah! I've been a bit busy lately. I'll get back to you soon enough.

1:20:54 PM

Alright, take care then.

1:21:01 PM

Account Summary
Current Balance
$71,182
Account Type
Business Plan A
Monthly
$19.99
Upgrade Account

Pending Tasks (5)
Backend Development
Today 25%
Bug Fix
Tomorrow 17%
Javascript Code
70%
Preparing Documentation
6%
App Development
20%
View all Pending

Storage Space
1.31 GB of 1.50 GB used
87.3%

Server Status
  1. Dashboard
  2. UI Components
  3. Modal Boxes

Modal Boxes

Modal Dialog Boxes

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

Static example

A rendered modal with header, body, and set of actions in the footer.

Modal title

One fine body…

<div class="modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body…</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

Live demo

Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.

Launch demo modal

Bootbox

Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Twitter’s Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.

Basic alert example Alert with callback
Confirm example Prompt example
Advanced Dialog