Alerts

For proper styling, use one of the required contextual classes (e.g., .alert-success)

A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!

With link

A simple primary alert with an example link. Give it a click if you like.

For inline dismissal, use the alerts jQuery plugin.

A simple danger alert with dismissible option check it out!
Alerts Alternet

For an alternet or filled styling use this contextual class (e.g., .alert-success-alt)

A simple primary alternet alert—check it out!
A simple secondary alternet alert—check it out!
A simple success alternet alert—check it out!
A simple danger alternet alert—check it out!
A simple warning alternet alert—check it out!
A simple info alternet alert—check it out!
A simple light alternet alert—check it out!
A simple dark alternet alert—check it out!

With link

A simple primary alert with an example link. Give it a click if you like.

For inline dismissal, use the alerts jQuery plugin.

A simple danger alert with dismissible option check it out!
Alerts Centered

For centered styling use this contextual class (e.g., .alert-center)

A simple primary alternet alert—check it out!
A simple secondary alternet alert—check it out!
A simple success alternet alert—check it out!
A simple danger alternet alert—check it out!
A simple warning alternet alert—check it out!
A simple info alternet alert—check it out!
A simple light alternet alert—check it out!
A simple dark alternet alert—check it out!

With link

A simple primary alert with an example link. Give it a click if you like.

For inline dismissal, use the alerts jQuery plugin.

A simple danger alert with dismissible option check it out!