diff options
| author | Mark Otto <[email protected]> | 2016-02-03 20:43:12 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-02-03 20:43:12 -0800 |
| commit | b4a2b993958c61becd96f4adff505a245ab0be44 (patch) | |
| tree | e6ecf54447676d365c711ffdbd00a4f1d7b5a859 /docs/components | |
| parent | 2ac922c78fcee2ef9d9aea7ca71e0369393502df (diff) | |
| download | bootstrap-b4a2b993958c61becd96f4adff505a245ab0be44.tar.xz bootstrap-b4a2b993958c61becd96f4adff505a245ab0be44.zip | |
Dump the type margin overrides in alerts for utils, document that particular example, sidesteps part of #18884
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/alerts.md | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/docs/components/alerts.md b/docs/components/alerts.md index e27109768..c269c3d8f 100644 --- a/docs/components/alerts.md +++ b/docs/components/alerts.md @@ -49,6 +49,19 @@ Use the `.alert-link` utility class to quickly provide matching colored links wi </div> {% endexample %} +### Additional content + +Alerts can also contain additional HTML elements like headings and paragraphs. + +{% example html %} +<div class="alert alert-success" role="alert"> + <h4 class="alert-heading">Well done!</h4> + <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p> + <p class="m-b-0">Whenever you need to, be sure to use a margin utilities to keep things nice and tidy.</p> +</div> +{% endexample %} + + ### Dismissing Using the alert JavaScript plugin, it's possible to dismiss any alert inline. Here's how: |