Javatpoint Logo
Javatpoint Logo

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

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA