From 4d1f1f0fc7117b9edae1c1b1c0c2c899ffcd72e3 Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Sun, 12 Feb 2012 20:07:25 -0800
Subject: add typography pattern .page-header to components per #1701

---
 docs/components.html | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

(limited to 'docs/components.html')

diff --git a/docs/components.html b/docs/components.html
index ac87f74b5..d0b5de632 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -98,7 +98,7 @@
         </ul>
       </li>
       <li><a href="#labels">Labels</a></li>
-      <li><a href="#hero">Hero</a></li>
+      <li><a href="#typography">Typography</a></li>
       <li><a href="#thumbnails">Thumbnails</a></li>
       <li><a href="#alerts">Alerts</a></li>
       <li><a href="#progress">Progress bars</a></li>
@@ -1142,15 +1142,15 @@
 
 
 
-<!-- Hero unit
+<!-- Typographic components
 ================================================== -->
-<section id="hero">
+<section id="typography">
   <div class="page-header">
-    <h1>Hero unit <small>Jumbotron for your site's tagline</small></h1>
+    <h1>Typographic components <small>Page header and hero unit for segmenting content</small></h1>
   </div>
+  <h2>Hero unit</h2>
   <div class="row">
     <div class="span4">
-      <h2>About</h2>
       <p>Bootstrap provides a lightweight, flexible component called a hero unit to showcase content on your site. It works well on marketing and content-heavy sites.</p>
       <h3>Markup</h3>
       <p>Wrap your content in a <code>div</code> like so:</p>
@@ -1173,7 +1173,20 @@
         <p><a class="btn btn-primary btn-large">Learn more</a></p>
       </div>
     </div>
-  </div>
+  </div><!-- /row -->
+  <h2>Page header</h2>
+  <div class="row">
+    <div class="span4">
+      <p>A simple shell for an <code>h1</code> to appropratiely space out and segment sections of content on a page. It can utilize the <code>h1</code>'s default <code>small</code>, element as well most other components (with additional styles).</p>
+    </div>
+    <div class="span8">
+<pre class="prettyprint linenums">
+&lt;div class="page-haeder"&gt;
+  &lt;h1&gt;Example page header&lt;/h1&gt;
+&lt;/div&gt;
+</pre>
+    </div>
+  </div><!-- /row -->
 </section>
 
 
-- 
cgit v1.2.3