From b4a2b993958c61becd96f4adff505a245ab0be44 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Wed, 3 Feb 2016 20:43:12 -0800
Subject: Dump the type margin overrides in alerts for utils, document that
 particular example, sidesteps part of #18884

---
 docs/components/alerts.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'docs/components')

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:
-- 
cgit v1.2.3