bootstrap alert message with custom styling code example
Example 1: bootstrap Alerts
Alerts are available for any length of text, as well as an optional dismiss
button. For proper styling, use one of the eight required contextual classes
(e.g., .alert-success). For inline dismissal, use the alerts jQuery plugin.
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!
A simple primary alert with an example link. Give it a click if you like.
A simple secondary alert with an example link. Give it a click if you like.
A simple success alert with an example link. Give it a click if you like.
A simple danger alert with an example link. Give it a click if you like.
A simple warning alert with an example link. Give it a click if you like.
A simple info alert with an example link. Give it a click if you like.
A simple light alert with an example link. Give it a click if you like.
A simple dark alert with an example link. Give it a click if you like.
Example 2: bootstrap Alerts Additional content Dismissing
Holy guacamole! You should check in on some of those fields below.
Enable dismissal of an alert via JavaScript:
$('.alert').alert()
$().alert('close')
$().alert()
$().alert('dispose')
Events
close.bs.alert
closed.bs.alert