| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- Alerts
- ===============================================================================
- .. lead:: Provide contextual feedback messages for typical user actions with
- the handful of available and flexible alert messages. For inline
- dismissal, use the `alerts jQuery plugin
- <http://getbootstrap.com/javascript/>`_.
- .. ----------------------------------------------------------------------------
- Examples
- --------
- Wrap any text and an optional dismiss button in `.alert` and one of the four
- contextual classes (e.g., `.alert-success`) for basic alert messages.
- .. callout:: danger
- :h4:`No default class`
- Alerts don't have default classes, only base and modifier classes. A default
- gray alert doesn't make too much sense, so you're required to specify a type
- via contextual class. Choose from success, info, warning, or danger.
- .. container:: bs-example
- .. alert:: **Well done!** You successfully read this important alert message.
- :type: success
- .. alert:: **Heads up!** This alert needs your attention, but it's not super important.
- :type: info
- .. alert:: **Warning!** Better check yourself, you're not looking too good.
- :type: warning
- .. alert:: **Oh snap!** Change a few things up and try submitting again.
- :type: danger
- .. code::
- :class: highlight
- .. alert:: **Well done!** You successfully read this important alert message.
- :type: success
- .. alert:: **Heads up!** This alert needs your attention, but it's not super important.
- :type: info
- .. alert:: **Warning!** Better check yourself, you're not looking too good.
- :type: warning
- .. alert:: **Oh snap!** Change a few things up and try submitting again.
- :type: danger
- Dismissable alerts
- ------------------
- Build on any alert by adding an optional `.alert-dismissable` and close button.
- .. container:: bs-example
- .. alert:: **Warning!** Better check yourself, you're not looking too good.
- :type: warning
- :dismissable:
- .. callout:: warning
- :h4:`Ensure proper behavior across all devices`
- Be sure to use the `<button>` element with the `data-dismiss="alert"` data
- attribute.
|
