---
title: Modals
description: Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
---
## Table of contents
## Default markup
```html example code 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 code centered height="30rem"
Are you sure?
Do you really want to remove 84 files? What you've done cannot be undone.
```
```html example code 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 code centered height="30rem"