From 7a50a2cbe84e897ad427afdf63e12acbd75f4f8c Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 9 Aug 2015 21:17:27 -0700
Subject: introduce display heading classes

---
 docs/components/typography.md | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'docs/components')

diff --git a/docs/components/typography.md b/docs/components/typography.md
index 0ad328377..faeb3f22d 100644
--- a/docs/components/typography.md
+++ b/docs/components/typography.md
@@ -102,6 +102,30 @@ Create lighter, secondary text in any heading with a generic `<small>` tag or th
 <h6>h6. Bootstrap heading <small>Secondary text</small></h6>
 {% endhighlight %}
 
+## Display headings
+
+Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a **display heading**—a larger, slightly more opinionated heading style.
+
+<div class="bd-example bd-example-type">
+  <table class="table">
+    <tbody>
+      <tr>
+        <td><h1 class="display-4">Display 4</h1></td>
+      </tr>
+      <tr>
+      <td><h1 class="display-3">Display 3</h1></td>
+      </tr>
+      <tr>
+      <td><h1 class="display-2">Display 2</h1></td>
+      </tr>
+      <tr>
+      <td><h1 class="display-1">Display 1</h1></td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
+
 ## Lead
 
 Make a paragraph stand out by adding `.lead`.
-- 
cgit v1.2.3