A modal is a child window that overlays the parent window. Typically, the purpose is to display content from a separate source, allowing for some interaction without leaving the parent window. The child window can provide information, interaction, etc.
> !(#) If you want to use the plugin's functionality individually, you need to include **modal.js**. Or, as mentioned in the (#) chapter, you can include _bootstrap.js_ or the minified version _bootstrap.min.js_.
## Usage
You can toggle the hidden content of the Modal plugin:
* **Using data attributes**: Set the attribute **data-toggle="modal"** on a controller element (like a button or link), and set **data-target="#identifier"** or **href="#identifier"** to specify the particular modal (with id="identifier") to toggle.
* **Using JavaScript**: With this technique, you can call a modal with id="identifier" using a simple line of JavaScript: `$('#identifier').modal(options)`
### Example
A static modal window example, as shown below:
## Example
Creating a Modal
Modal Title
Add some text here
[Try it »](#)
The result is as follows:
**Code Explanation:**
* To use a modal, you need some kind of trigger. You can use a button or a link. Here we are using a button.
* If you look closely at the code above, you will see that in the `
YouTip