# Alerts

#### Warning

Are you sure you want to delete 20 items

#### Alert

Are you sure you want to end current services

#### Success

Sent successfully

#### Processing

Your process currently in progress

### Default alerts

Add `class="alert alert-primary|secondary|success|info|warning|danger"` use one of the required class.

Primary alert—At vero eos et accusamus praesentium!
Secondary alert—At vero eos et accusamus praesentium!
Success alert—At vero eos et accusamus praesentium!
Info alert—At vero eos et accusamus praesentium!
Warning alert—At vero eos et accusamus praesentium!
Danger alert—At vero eos et accusamus praesentium!

### Links in alerts

Add `.alert-link` class to quickly provide matching colored links within any alert

Well done! You successfully read this important alert message.
Well done! You successfully read this important alert message.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

### Alert with icon

Add `.alert-icon` class.

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap!Change a few things up and try submitting again.

### Alert with avatar

Add `.alert-avatar` class.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.

### Alerts With Icons

Add `.alert-avatar` class.

Default! This is a warning alert—check it out that has an icon too!
Primary! This is a warning alert—check it out that has an icon too!
Success! This is a warning alert—check it out that has an icon too!
Info! This is a warning alert—check it out that has an icon too!
Warning! This is a warning alert—check it out that has an icon too!
Danger! This is a warning alert—check it out that has an icon too!

### Alerts With Icons Dismissing

Add `.alert-dismissible` class.

Default! This is a default alert—check it out!
Primary! This is a primary alert—check it out!
Success! This is a success alert—check it out!
Warning! This is a warning alert—check it out!
Info! This is a info alert—check it out!
Danger! This is a danger alert—check it out!

### Alerts style

Success Message

You successfully read this important alert message.

Info Message

This alert needs your attention, but it's not super important.

Warning Message

Best check yo self, you're not looking too good

Danger Message

Change a few things up and try submitting again.

###### Choose Country

- USA
- Italy
- Spain
- India
- French
- Russia
- Germany
- Argentina
- Malaysia
- Turkey