---
title: Modals
summary: Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
description: Dialogs for notifications and content.
---
## Default markup
```html example centered height="30rem"
Modal title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.
```
## Prompt and alert
```html example centered height="30rem"
Are you sure?
Do you really want to remove 84 files? What you've done cannot be undone.
```
```html example centered height="30rem"
Payment succedeed
Your payment of $290 has been successfully submitted. Your invoice has been sent to support@tabler.io.
```
## Modal with form
```html example centered height="30rem"