# Modals | Coco - Responsive Bootstrap Admin Template
Author: Huban Creative
Keywords: coco bootstrap template, coco admin, bootstrap,admin template, bootstrap admin,

### Task Progress Information

CLEANING BUGS

80% Complete

POSTING SOME STUFF

65% Complete

BACKUP DATA FROM SERVER

95% Complete

RE-DESIGNING WEB APPLICATION

100% Complete

### Logout Confirmation

Are you sure want to logout from this awesome system?

Yeah, I'm sure

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

### Modal Dialog

This is a modal window. You can do the following things with it:

- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
- Close: click on the button below to close the modal.

#

# Modals

### Modals & Popups

## Bootstrap Modals (default)

#### Modal Heading

#### Text in a modal

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

#### Overflowing text to show scroll behavior

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

#### Large modal

...

#### Small modal

...

## Super Modals

Modal Fade In & Scale |  | `class = "md-trigger" data-modal = "md-fade-in-scale-up"`
Modal Slide In (Right) |  | `class = "md-trigger" data-modal = "md-slide-in-right"`
Modal Slide In (Button) |  | `class = "md-trigger" data-modal = "md-slide-from-bottom"`
Modal Newspaper |  | `class = "md-trigger" data-modal = "md-newspaper"`
Modal Fall |  | `class = "md-trigger" data-modal = "md-fall"`
Modal Side Fall |  | `class = "md-trigger" data-modal = "md-side-fall"`
Modal Sticky Up |  | `class = "md-trigger" data-modal = "md-slide-stick-top"`
Modal 3D Flip (Horizontal) |  | `class = "md-trigger" data-modal = "md-3d-flip-horizontal"`
Modal 3D Flip (Vertical) |  | `class = "md-trigger" data-modal = "md-3d-flip-vertical"`
Modal 3D Sign |  | `class = "md-trigger" data-modal = "md-3d-sign"`
Modal Super Scaled |  | `class = "md-trigger" data-modal = "md-super-scaled"`
Modal Just Me |  | `class = "md-trigger" data-modal = "md-just-me"`
Modal 3D Slit |  | `class = "md-trigger" data-modal = "md-3d-slit"`
Modal 3D Rotate Bottom |  | `class = "md-trigger" data-modal = "md-rotate-from-bottom"`
Modal 3D Rotate In Left |  | `class = "md-trigger" data-modal = "md-rotate-from-left"`