From 85fd22bd47e71b90bb57e574a1f5f760029557e0 Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Tue, 17 Oct 2017 22:05:01 -0700
Subject: Revert #23108 to restore list group borders (#24411)

* revert #23108, which had no bug but was a problem with the example code

* add example to the docs for future proofing

* move it up
---
 docs/4.0/components/card.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'docs')

diff --git a/docs/4.0/components/card.md b/docs/4.0/components/card.md
index 5da0ef039..76f4757ec 100644
--- a/docs/4.0/components/card.md
+++ b/docs/4.0/components/card.md
@@ -90,6 +90,19 @@ Create lists of content in a card with a flush list group.
 </div>
 {% endexample %}
 
+{% example html %}
+<div class="card" style="width: 20rem;">
+  <div class="card-header">
+    Featured
+  </div>
+  <ul class="list-group list-group-flush">
+    <li class="list-group-item">Cras justo odio</li>
+    <li class="list-group-item">Dapibus ac facilisis in</li>
+    <li class="list-group-item">Vestibulum at eros</li>
+  </ul>
+</div>
+{% endexample %}
+
 ### Kitchen sink
 
 Mix and match multiple content types to create the card you need, or throw everything in there. Shown below are image styles, blocks, text styles, and a list group—all wrapped in a fixed-width card.
-- 
cgit v1.2.3