Home » Bootstrap modals

Bootstrap Modals

The bootstrap modal plugin is a dialog box / popup window that is displayed on top of the current page.

Bootstrap Modal Example

Test it Now


Bootstrap Modal Size

You can change the size of the modal by adding the .modal-sm class for small modals or .modal-lg class for large modals.

The size class is added to the <div> element with class .modal-dialog.


Small Modal:

See this example:

Test it Now


Bootstrap Large Modal

See this example:

Test it Now

Next TopicBootstrap Popover

You may also like