Add <h3> header example to Cards docs

resolves #17609

diff --git a/docs/components/card.md b/docs/components/card.md
index 516367e658e56010647858805126f63134d2354e..13f80a736b50a13dd877bfab2bb36789150383f1 100644 (file)
--- a/docs/components/card.md
+++ b/docs/components/card.md
@@ -160,6 +160,17 @@ Add an optional header and/or footer within a card.
 </div>
 {% endexample %}
 
+{% example html %}
+<div class="card">
+  <h3 class="card-header">Featured</h3>
+  <div class="card-block">
+    <h4 class="card-title">Special title treatment</h4>
+    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
+    <a href="#" class="btn btn-primary">Go somewhere</a>
+  </div>
+</div>
+{% endexample %}
+
 {% example html %}
 <div class="card">
   <div class="card-header">