From b1a74195c8c2a9a103b7a167122bbce68e5c67e2 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Wed, 12 Aug 2015 20:45:21 -0700
Subject: simpler type, docs callout for reproducing the v3 style headings and
 small text

---
 docs/content/typography.md | 42 ++++++++----------------------------------
 1 file changed, 8 insertions(+), 34 deletions(-)

(limited to 'docs/content')

diff --git a/docs/content/typography.md b/docs/content/typography.md
index 2434a7328..0b8949d66 100644
--- a/docs/content/typography.md
+++ b/docs/content/typography.md
@@ -66,41 +66,16 @@ All HTML headings, `<h1>` through `<h6>`, are available. `.h1` through `.h6` cla
 <h6>h6. Bootstrap heading</h6>
 {% endhighlight %}
 
-Create lighter, secondary text in any heading with a generic `<small>` tag or the `.small` class.
+### Customizing headings
 
-<div class="bd-example bd-example-type">
-  <table class="table">
-    <tbody>
-      <tr>
-        <td><h1>h1. Bootstrap heading <small>Secondary text</small></h1></td>
-      </tr>
-      <tr>
-        <td><h2>h2. Bootstrap heading <small>Secondary text</small></h2></td>
-      </tr>
-      <tr>
-        <td><h3>h3. Bootstrap heading <small>Secondary text</small></h3></td>
-      </tr>
-      <tr>
-        <td><h4>h4. Bootstrap heading <small>Secondary text</small></h4></td>
-      </tr>
-      <tr>
-        <td><h5>h5. Bootstrap heading <small>Secondary text</small></h5></td>
-      </tr>
-      <tr>
-        <td><h6>h6. Bootstrap heading <small>Secondary text</small></h6></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
+Use the included utility classes to recreate the small secondary heading text from Bootstrap 3.
 
-{% highlight html %}
-<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
-<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
-<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
-<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
-<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
-<h6>h6. Bootstrap heading <small>Secondary text</small></h6>
-{% endhighlight %}
+{% example html %}
+<h3>
+  Fancy display heading
+  <small class="text-muted">With faded secondary text</small>
+</h3>
+{% endexample %}
 
 ## Display headings
 
@@ -125,7 +100,6 @@ Traditional heading elements are designed to work best in the meat of your page
   </table>
 </div>
 
-
 ## Lead
 
 Make a paragraph stand out by adding `.lead`.
-- 
cgit v1.2.3