## Bootstrap Modals

Modals are important to notify users are give important information. For that reason, we have new design to Bootstrap modals to fit your project needs.

### Basic Modal

Simple modal with title and footer

### Large Width

How to? Add the class `modal-lg` to your modal.

### Full Width

For fullwidth modal, add the class `modal-full`.

### Responsive Modal

Resize window to see responsive behaviour.

### Top & Fullwidth Modal

How to? Add class `topfull` to your modal.

### Bottom & Fullwidth width

How to? Add class `bottomfull` to your modal.

### Slide Left Modal

How to? Add `modal-slideleft` class to your modal.

### Slide Right Style

How to? Add `modal-slideright` class to your modal.

### Image Modal

How to? Add `modal-image` class to modal.

### Colored Header Style

How to? Add `bg-yourcolor` class to modal-header.

### Colored Footer Style

How to? Add `bg-yourcolor` class to modal-footer.

### Full Colored

How to? Add `bg-yourcolor` class to modal.

#### Basic modal

My content...

#### Large width modal

My content...

#### Fullwidth modal

Resize your window to see fullwidth resizing.

#### Responsive modal

Change screen size to see responsive behaviour.

Name
Surname
Address
City
Country
Zip

#### Top Fullwidth modal

My content...

#### Bottom Fullwidth modal

My content...

## Are you sure you want to proceed?

#### Colored Header

Want colors? Click on a color to switch header look:

#### Full Colored

Like for header, you can add colors. Click on a color to switch header look: