Response Messages are used to display notice, warning, success, error and information messages.
Basic examples for the response messages, without icons or titles.
Information message box using the .alert-success
color scheme. Link
Information message box using the .alert-info
color scheme. Link
Information message box using the .alert-notice
color scheme. Link
Information message box using the .alert-warning
color scheme. Link
Information message box using the .alert-danger
color scheme. Link
To add titles to the response messages boxes, you need to add a heading with .alert-title
CSS class.
Information message box using the .alert-success
color scheme. Link
Information message box using the .alert-info
color scheme. Link
Information message box using the .alert-notice
color scheme. Link
Information message box using the .alert-warning
color scheme. Link
Information message box using the .alert-danger
color scheme. Link
Add icons to alert boxes using the following markup <div class="alert-icon"> <i class="glyph-icon icon-ICON-NAME-HERE"></i> </div>
. You also need to wrap the alert title and content inside an element with .alert-content
CSS class.
Information message box using the .alert-success
color scheme. Link
Information message box using the .alert-info
color scheme. Link
Information message box using the .alert-notice
color scheme. Link
Information message box using the .alert-warning
color scheme. Link
Information message box using the .alert-danger
color scheme. Link
Add .alert-close
CSS class to the .alert
response box element to create a closable response message box.
Information message box using the .alert-success
color scheme. Link