switched position of navbar and typography sections in preview

diff --git a/cerulean/index.html b/cerulean/index.html
index 9e23f47..2c5a64c 100755 (executable)
--- a/cerulean/index.html
+++ b/cerulean/index.html
@@ -83,8 +83,8 @@
   <p class="lead">A preview of changes in this swatch.</p>
   <div class="subnav">
     <ul class="nav nav-pills">
-      <li><a href="#navbar">Navbar</a></li>
       <li><a href="#typography">Typography</a></li>
+      <li><a href="#navbar">Navbar</a></li>
       <li><a href="#buttons">Buttons</a></li>
       <li><a href="#forms">Forms</a></li>
       <li><a href="#miscellaneous">Miscellaneous</a></li>
@@ -94,6 +94,53 @@
 
 
 
+
+<!-- Typography
+================================================== -->
+<section id="typography">
+  <div class="page-header">
+    <h1>Typography</h1>
+  </div>
+
+  <!-- Headings & Paragraph Copy -->
+  <div class="row">
+         
+    <div class="span4">
+      <div class="well">
+        <h1>h1. Heading 1</h1>
+        <h2>h2. Heading 2</h2>
+        <h3>h3. Heading 3</h3>
+        <h4>h4. Heading 4</h4>
+        <h5>h5. Heading 5</h5>
+        <h6>h6. Heading 6</h6>
+      </div>
+    </div>
+         
+    <div class="span4">
+      <h3>Example body text</h3>
+      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+      <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
+    </div>
+       
+    <div class="span4">
+      <h3>Example addresses</h3>
+      <address>
+        <strong>Twitter, Inc.</strong><br>
+        795 Folsom Ave, Suite 600<br>
+        San Francisco, CA 94107<br>
+        <abbr title="Phone">P:</abbr> (123) 456-7890
+      </address>
+      <address>
+        <strong>Full Name</strong><br>
+        <a href="mailto:#">first.last@gmail.com</a>
+      </address>
+    </div>
+
+  </div>
+
+</section>
+
+
 <!-- Navbar
 ================================================== -->
 <section id="navbar">
@@ -151,52 +198,6 @@
 </section>
 
 
-<!-- Typography
-================================================== -->
-<section id="typography">
-  <div class="page-header">
-    <h1>Typography</h1>
-  </div>
-
-  <!-- Headings & Paragraph Copy -->
-  <div class="row">
-         
-    <div class="span4">
-      <div class="well">
-        <h1>h1. Heading 1</h1>
-        <h2>h2. Heading 2</h2>
-        <h3>h3. Heading 3</h3>
-        <h4>h4. Heading 4</h4>
-        <h5>h5. Heading 5</h5>
-        <h6>h6. Heading 6</h6>
-      </div>
-    </div>
-         
-    <div class="span4">
-      <h3>Example body text</h3>
-      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-      <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
-    </div>
-       
-    <div class="span4">
-      <h3>Example addresses</h3>
-      <address>
-        <strong>Twitter, Inc.</strong><br>
-        795 Folsom Ave, Suite 600<br>
-        San Francisco, CA 94107<br>
-        <abbr title="Phone">P:</abbr> (123) 456-7890
-      </address>
-      <address>
-        <strong>Full Name</strong><br>
-        <a href="mailto:#">first.last@gmail.com</a>
-      </address>
-    </div>
-
-  </div>
-
-</section>
-
-
 
 <!-- Buttons
 ================================================== -->

diff --git a/default/index.html b/default/index.html
index 75e1912..c5cee41 100755 (executable)
--- a/default/index.html
+++ b/default/index.html
@@ -83,8 +83,8 @@
   <p class="lead">The default style of Twitter Bootstrap.</p>
   <div class="subnav">
     <ul class="nav nav-pills">
-      <li><a href="#navbar">Navbar</a></li>
       <li><a href="#typography">Typography</a></li>
+      <li><a href="#navbar">Navbar</a></li>
       <li><a href="#buttons">Buttons</a></li>
       <li><a href="#forms">Forms</a></li>
       <li><a href="#miscellaneous">Miscellaneous</a></li>
@@ -94,6 +94,51 @@
 
 
 
+<!-- Typography
+================================================== -->
+<section id="typography">
+  <div class="page-header">
+    <h1>Typography</h1>
+  </div>
+
+  <!-- Headings & Paragraph Copy -->
+  <div class="row">
+         
+    <div class="span4">
+      <div class="well">
+        <h1>h1. Heading 1</h1>
+        <h2>h2. Heading 2</h2>
+        <h3>h3. Heading 3</h3>
+        <h4>h4. Heading 4</h4>
+        <h5>h5. Heading 5</h5>
+        <h6>h6. Heading 6</h6>
+      </div>
+    </div>
+         
+    <div class="span4">
+      <h3>Example body text</h3>
+      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+      <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
+    </div>
+       
+    <div class="span4">
+      <h3>Example addresses</h3>
+      <address>
+        <strong>Twitter, Inc.</strong><br>
+        795 Folsom Ave, Suite 600<br>
+        San Francisco, CA 94107<br>
+        <abbr title="Phone">P:</abbr> (123) 456-7890
+      </address>
+      <address>
+        <strong>Full Name</strong><br>
+        <a href="mailto:#">first.last@gmail.com</a>
+      </address>
+    </div>
+
+  </div>
+
+</section>
+
 <!-- Navbar
 ================================================== -->
 <section id="navbar">
@@ -151,53 +196,6 @@
 </section>
 
 
-<!-- Typography
-================================================== -->
-<section id="typography">
-  <div class="page-header">
-    <h1>Typography</h1>
-  </div>
-
-  <!-- Headings & Paragraph Copy -->
-  <div class="row">
-         
-    <div class="span4">
-      <div class="well">
-        <h1>h1. Heading 1</h1>
-        <h2>h2. Heading 2</h2>
-        <h3>h3. Heading 3</h3>
-        <h4>h4. Heading 4</h4>
-        <h5>h5. Heading 5</h5>
-        <h6>h6. Heading 6</h6>
-      </div>
-    </div>
-         
-    <div class="span4">
-      <h3>Example body text</h3>
-      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-      <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
-    </div>
-       
-    <div class="span4">
-      <h3>Example addresses</h3>
-      <address>
-        <strong>Twitter, Inc.</strong><br>
-        795 Folsom Ave, Suite 600<br>
-        San Francisco, CA 94107<br>
-        <abbr title="Phone">P:</abbr> (123) 456-7890
-      </address>
-      <address>
-        <strong>Full Name</strong><br>
-        <a href="mailto:#">first.last@gmail.com</a>
-      </address>
-    </div>
-
-  </div>
-
-</section>
-
-
-
 <!-- Buttons
 ================================================== -->
 <section id="buttons">

diff --git a/simplex/index.html b/simplex/index.html
index c58361f..7f14806 100755 (executable)
--- a/simplex/index.html
+++ b/simplex/index.html
@@ -83,8 +83,8 @@
   <p class="lead">A preview of changes in this swatch.</p>
   <div class="subnav">
     <ul class="nav nav-pills">
-      <li><a href="#navbar">Navbar</a></li>
       <li><a href="#typography">Typography</a></li>
+      <li><a href="#navbar">Navbar</a></li>
       <li><a href="#buttons">Buttons</a></li>
       <li><a href="#forms">Forms</a></li>
       <li><a href="#miscellaneous">Miscellaneous</a></li>
@@ -93,6 +93,52 @@
 </header>
 
 
+<!-- Typography
+================================================== -->
+<section id="typography">
+  <div class="page-header">
+    <h1>Typography</h1>
+  </div>
+
+  <!-- Headings & Paragraph Copy -->
+  <div class="row">
+         
+    <div class="span4">
+      <div class="well">
+        <h1>h1. Heading 1</h1>
+        <h2>h2. Heading 2</h2>
+        <h3>h3. Heading 3</h3>
+        <h4>h4. Heading 4</h4>
+        <h5>h5. Heading 5</h5>
+        <h6>h6. Heading 6</h6>
+      </div>
+    </div>
+         
+    <div class="span4">
+      <h3>Example body text</h3>
+      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+      <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
+    </div>
+       
+    <div class="span4">
+      <h3>Example addresses</h3>
+      <address>
+        <strong>Twitter, Inc.</strong><br>
+        795 Folsom Ave, Suite 600<br>
+        San Francisco, CA 94107<br>
+        <abbr title="Phone">P:</abbr> (123) 456-7890
+      </address>
+      <address>
+        <strong>Full Name</strong><br>
+        <a href="mailto:#">first.last@gmail.com</a>
+      </address>
+    </div>
+
+  </div>
+
+</section>
+
+
 
 <!-- Navbar
 ================================================== -->
@@ -151,52 +197,6 @@
 </section>
 
 
-<!-- Typography
-================================================== -->
-<section id="typography">
-  <div class="page-header">
-    <h1>Typography</h1>
-  </div>
-
-  <!-- Headings & Paragraph Copy -->
-  <div class="row">
-         
-    <div class="span4">
-      <div class="well">
-        <h1>h1. Heading 1</h1>
-        <h2>h2. Heading 2</h2>
-        <h3>h3. Heading 3</h3>
-        <h4>h4. Heading 4</h4>
-        <h5>h5. Heading 5</h5>
-        <h6>h6. Heading 6</h6>
-      </div>
-    </div>
-         
-    <div class="span4">
-      <h3>Example body text</h3>
-      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-      <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
-    </div>
-       
-    <div class="span4">
-      <h3>Example addresses</h3>
-      <address>
-        <strong>Twitter, Inc.</strong><br>
-        795 Folsom Ave, Suite 600<br>
-        San Francisco, CA 94107<br>
-        <abbr title="Phone">P:</abbr> (123) 456-7890
-      </address>
-      <address>
-        <strong>Full Name</strong><br>
-        <a href="mailto:#">first.last@gmail.com</a>
-      </address>
-    </div>
-
-  </div>
-
-</section>
-
-
 
 <!-- Buttons
 ================================================== -->

diff --git a/spacelab/index.html b/spacelab/index.html
index 15b6bf2..7842f64 100755 (executable)
--- a/spacelab/index.html
+++ b/spacelab/index.html
@@ -83,8 +83,8 @@
   <p class="lead">A preview of changes in this swatch.</p>
   <div class="subnav">
     <ul class="nav nav-pills">
-      <li><a href="#navbar">Navbar</a></li>
       <li><a href="#typography">Typography</a></li>
+      <li><a href="#navbar">Navbar</a></li>
       <li><a href="#buttons">Buttons</a></li>
       <li><a href="#forms">Forms</a></li>
       <li><a href="#miscellaneous">Miscellaneous</a></li>
@@ -93,6 +93,52 @@
 </header>
 
 
+<!-- Typography
+================================================== -->
+<section id="typography">
+  <div class="page-header">
+    <h1>Typography</h1>
+  </div>
+
+  <!-- Headings & Paragraph Copy -->
+  <div class="row">
+         
+    <div class="span4">
+      <div class="well">
+        <h1>h1. Heading 1</h1>
+        <h2>h2. Heading 2</h2>
+        <h3>h3. Heading 3</h3>
+        <h4>h4. Heading 4</h4>
+        <h5>h5. Heading 5</h5>
+        <h6>h6. Heading 6</h6>
+      </div>
+    </div>
+         
+    <div class="span4">
+      <h3>Example body text</h3>
+      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+      <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
+    </div>
+       
+    <div class="span4">
+      <h3>Example addresses</h3>
+      <address>
+        <strong>Twitter, Inc.</strong><br>
+        795 Folsom Ave, Suite 600<br>
+        San Francisco, CA 94107<br>
+        <abbr title="Phone">P:</abbr> (123) 456-7890
+      </address>
+      <address>
+        <strong>Full Name</strong><br>
+        <a href="mailto:#">first.last@gmail.com</a>
+      </address>
+    </div>
+
+  </div>
+
+</section>
+
+
 
 <!-- Navbar
 ================================================== -->
@@ -151,52 +197,6 @@
 </section>
 
 
-<!-- Typography
-================================================== -->
-<section id="typography">
-  <div class="page-header">
-    <h1>Typography</h1>
-  </div>
-
-  <!-- Headings & Paragraph Copy -->
-  <div class="row">
-         
-    <div class="span4">
-      <div class="well">
-        <h1>h1. Heading 1</h1>
-        <h2>h2. Heading 2</h2>
-        <h3>h3. Heading 3</h3>
-        <h4>h4. Heading 4</h4>
-        <h5>h5. Heading 5</h5>
-        <h6>h6. Heading 6</h6>
-      </div>
-    </div>
-         
-    <div class="span4">
-      <h3>Example body text</h3>
-      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-      <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
-    </div>
-       
-    <div class="span4">
-      <h3>Example addresses</h3>
-      <address>
-        <strong>Twitter, Inc.</strong><br>
-        795 Folsom Ave, Suite 600<br>
-        San Francisco, CA 94107<br>
-        <abbr title="Phone">P:</abbr> (123) 456-7890
-      </address>
-      <address>
-        <strong>Full Name</strong><br>
-        <a href="mailto:#">first.last@gmail.com</a>
-      </address>
-    </div>
-
-  </div>
-
-</section>
-
-
 
 <!-- Buttons
 ================================================== -->

diff --git a/united/index.html b/united/index.html
index c8f8bc5..02045fb 100755 (executable)
--- a/united/index.html
+++ b/united/index.html
@@ -83,8 +83,8 @@
   <p class="lead">A preview of changes in this swatch.</p>
   <div class="subnav">
     <ul class="nav nav-pills">
-      <li><a href="#navbar">Navbar</a></li>
       <li><a href="#typography">Typography</a></li>
+      <li><a href="#navbar">Navbar</a></li>
       <li><a href="#buttons">Buttons</a></li>
       <li><a href="#forms">Forms</a></li>
       <li><a href="#miscellaneous">Miscellaneous</a></li>
@@ -93,6 +93,52 @@
 </header>
 
 
+<!-- Typography
+================================================== -->
+<section id="typography">
+  <div class="page-header">
+    <h1>Typography</h1>
+  </div>
+
+  <!-- Headings & Paragraph Copy -->
+  <div class="row">
+         
+    <div class="span4">
+      <div class="well">
+        <h1>h1. Heading 1</h1>
+        <h2>h2. Heading 2</h2>
+        <h3>h3. Heading 3</h3>
+        <h4>h4. Heading 4</h4>
+        <h5>h5. Heading 5</h5>
+        <h6>h6. Heading 6</h6>
+      </div>
+    </div>
+         
+    <div class="span4">
+      <h3>Example body text</h3>
+      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+      <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
+    </div>
+       
+    <div class="span4">
+      <h3>Example addresses</h3>
+      <address>
+        <strong>Twitter, Inc.</strong><br>
+        795 Folsom Ave, Suite 600<br>
+        San Francisco, CA 94107<br>
+        <abbr title="Phone">P:</abbr> (123) 456-7890
+      </address>
+      <address>
+        <strong>Full Name</strong><br>
+        <a href="mailto:#">first.last@gmail.com</a>
+      </address>
+    </div>
+
+  </div>
+
+</section>
+
+
 
 <!-- Navbar
 ================================================== -->
@@ -151,53 +197,6 @@
 </section>
 
 
-<!-- Typography
-================================================== -->
-<section id="typography">
-  <div class="page-header">
-    <h1>Typography</h1>
-  </div>
-
-  <!-- Headings & Paragraph Copy -->
-  <div class="row">
-         
-    <div class="span4">
-      <div class="well">
-        <h1>h1. Heading 1</h1>
-        <h2>h2. Heading 2</h2>
-        <h3>h3. Heading 3</h3>
-        <h4>h4. Heading 4</h4>
-        <h5>h5. Heading 5</h5>
-        <h6>h6. Heading 6</h6>
-      </div>
-    </div>
-         
-    <div class="span4">
-      <h3>Example body text</h3>
-      <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-      <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
-    </div>
-       
-    <div class="span4">
-      <h3>Example addresses</h3>
-      <address>
-        <strong>Twitter, Inc.</strong><br>
-        795 Folsom Ave, Suite 600<br>
-        San Francisco, CA 94107<br>
-        <abbr title="Phone">P:</abbr> (123) 456-7890
-      </address>
-      <address>
-        <strong>Full Name</strong><br>
-        <a href="mailto:#">first.last@gmail.com</a>
-      </address>
-    </div>
-
-  </div>
-
-</section>
-
-
-
 <!-- Buttons
 ================================================== -->
 <section id="buttons">