Bootstrap Alerts
Default Alert
Well done! You successfully read this important alert
message.
Heads up! This alert needs your attention, but it's not
super important.
Holy guacamole! You should check in on some of those
fields below.
Oh snap! Change a few things up and try submitting
again.
Icon Examples
Default Alert (White)
Well done! You successfully read this important alert
message.
Heads up! This alert needs your attention, but it's not
super important.
Holy guacamole! You should check in on some of those
fields below.
Oh snap! Change a few things up and try submitting
again.
Icon Examples (White)
Sweet Alert 2
A beautiful and customizable replacement for JavaScript's popup boxes
| Alert Type | Example |
|---|---|
| A basic message | |
| A title with a text under | |
| A success message! | |
| A warning message, with a function attached to the "Confirm"-button... | |
| By passing a parameter, you can execute something else for "Cancel". | |
| A message with custom Image Header | |
| A message with auto close timer | |
| Custom HTML description and buttons | |
| A message with custom width, padding and background | |
| Ajax request example | |
| Chaining modals (queue) example | |
| Dynamic queue example |