add back left rail nav, tweak colors

author: Mark Otto <[email protected]> 2012-06-06 00:48:31 -0700
committer: Mark Otto <[email protected]> 2012-06-06 00:48:31 -0700
commit: 2ecbd36cbf0cb8b2e894b2e36400e59a1c88eb1c (patch)
tree: 8d45c88ac0b16cb46ef2fbe2378f8d8bce7a542a /docs
parent: 10d68406fe5aa8e20183d02116f1a6e87b85a788 (diff)
download: bootstrap-2ecbd36cbf0cb8b2e894b2e36400e59a1c88eb1c.tar.xz
bootstrap-2ecbd36cbf0cb8b2e894b2e36400e59a1c88eb1c.zip
15 files changed, 855 insertions, 621 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 81fb7dc9b..2aeea9d24 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -10,18 +10,18 @@
 -------------------------------------------------- */
 body {
   position: relative;
-  padding-top: 90px;
+  padding-top: 60px;
   font-size: 14px;
   background-color: #fff;
   background-image: url(../img/grid-20px.png);
   background-repeat: repeat-x;
-  background-position: 0 40px;
+  background-position: 0 0;
 }
 
 /* Custom container for the narrow docs */
 .bs-docs-container {
   max-width: 780px;
-  margin: 0 auto;
+  margin: 0 0 0 240px;
 }
 
 /* Increase docs base type size and line-heights */
@@ -36,6 +36,58 @@ li {
 }
 
 
+.bs-docs-nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  overflow-y: scroll;
+  width: 140px;
+  padding: 25px 30px;
+  background-color: #555;
+  text-shadow: 0 1px 0 rgba(0,0,0,.25);
+  -webkit-box-shadow: inset -1px 0 0 rgba(0,0,0,.1);
+     -moz-box-shadow: inset -1px 0 0 rgba(0,0,0,.1);
+          box-shadow: inset -1px 0 0 rgba(0,0,0,.1);
+}
+.bs-docs-nav ul {
+  margin-left: 0;
+  margin-bottom: 15px;
+}
+.bs-docs-nav ul li {
+  list-style: none;
+  line-height: 1;
+}
+.bs-docs-nav ul li a {
+  display: block;
+  padding: 0 30px;
+  margin: 0 -30px;
+  font-size: 13px;
+  line-height: 24px;
+  color: #ccc;
+}
+.bs-docs-nav ul li a:hover {
+  color: #fff;
+  text-decoration: none;
+  background-color: #666;
+}
+.bs-docs-nav > ul > li > a {
+  font-size: 14px;
+  font-weight: bold;
+  color: #fff;
+}
+.bs-docs-logo {
+  font-size: 24px;
+  font-weight: bold;
+  line-height: 1;
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+.bs-docs-logo a {
+  color: #353535;
+  text-shadow: 0 1px 0 #656565;
+}
+
 
 /* Tweak navbar brand link to be super sleek
 -------------------------------------------------- */
@@ -114,12 +166,10 @@ hr.soften {
 
 /* Masthead (docs home) */
 .masthead {
-  padding-top: 40px;
   margin-bottom: 60px;
 }
 .masthead h1,
 .masthead p {
-  text-align: center;
 }
 .masthead h1 {
   margin-bottom: 18px;
@@ -248,9 +298,8 @@ hr.soften {
 .quick-links {
   min-height: 30px;
   margin: 0;
-  padding: 5px 20px;
+  padding: 5px 0;
   list-style: none;
-  text-align: center;
   overflow: hidden;
 }
 .quick-links:first-child {
@@ -278,7 +327,6 @@ hr.soften {
   margin: 36px 0 27px;
   font-size: 40px;
   font-weight: 300;
-  text-align: center;
 }
 .marketing h2,
 .marketing h3 {
@@ -299,7 +347,13 @@ hr.soften {
   float: left;
   margin: 4px 5px 0 0;
 }
-
+.marketing-byline {
+  margin: -18px 0 27px;
+  font-size: 18px;
+  font-weight: 300;
+  line-height: 24px;
+  color: #999;
+}
 
 
 /* Footer
@@ -307,10 +361,12 @@ hr.soften {
 .footer {
   padding: 35px 0 36px;
   margin-top: 45px;
-  text-align: center;
   border-top: 1px solid #e5e5e5;
 }
 .footer p {
+  font-size: 12px;
+  line-height: 20px;
+  margin-bottom: 0;
   color: #555;
 }
 
@@ -535,14 +591,6 @@ h2 + .row {
   max-width: 100%;
   margin: 0 auto;
 }
-.marketing-byline {
-  margin: -18px 0 27px;
-  font-size: 18px;
-  font-weight: 300;
-  line-height: 24px;
-  color: #999;
-  text-align: center;
-}
 
 .scrollspy-example {
   height: 200px;
diff --git a/docs/base-css.html b/docs/base-css.html
index a1d8418bb..a1c59bd81 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -27,51 +27,84 @@
 
   </head>
 
-  <body data-spy="scroll" data-target=".subnav" data-offset="50">
-
-
-  <!-- Navbar
-    ================================================== -->
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li class="">
-                <a href="./index.html">Overview</a>
-              </li>
-              <li class="">
-                <a href="./scaffolding.html">Scaffolding</a>
-              </li>
-              <li class="active">
-                <a href="./base-css.html">Base CSS</a>
-              </li>
-              <li class="">
-                <a href="./components.html">Components</a>
-              </li>
-              <li class="">
-                <a href="./javascript.html">Javascript plugins</a>
-              </li>
-              <li class="">
-                <a href="./less.html">Using LESS</a>
-              </li>
-              <li class="divider-vertical"></li>
-              <li class="">
-                <a href="./download.html">Customize</a>
-              </li>
-              <li class="">
-                <a href="./examples.html">Examples</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+  <body>
+
+    <div class="bs-docs-nav">
+      <h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
+      <ul class="bs-nav">
+        <li class="">
+          <a href="./scaffolding.html">Scaffolding</a>
+          <ul>
+            <li><a href="./scaffolding.html#global">Global styles</a></li>
+            <li><a href="./scaffolding.html#gridSystem">Grid system</a></li>
+            <li><a href="./scaffolding.html#fluidGridSystem">Fluid grid system</a></li>
+            <li><a href="./scaffolding.html#gridCustomization">Customizing</a></li>
+            <li><a href="./scaffolding.html#layouts">Layouts</a></li>
+            <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="./base-css.html">Base CSS</a>
+          <ul>
+            <li><a href="./base-css.html#typography">Typography</a></li>
+            <li><a href="./base-css.html#code">Code</a></li>
+            <li><a href="./base-css.html#tables">Tables</a></li>
+            <li><a href="./base-css.html#forms">Forms</a></li>
+            <li><a href="./base-css.html#buttons">Buttons</a></li>
+            <li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./components.html">Components</a>
+          <ul>
+            <li><a href="./components.html#buttonGroups">Button groups</a></li>
+            <li><a href="./components.html#buttonDropdowns">Button dropdowns</a></li>
+            <li><a href="./components.html#navs">Nav, tabs, pills</a></li>
+            <li><a href="./components.html#navbar">Navbar</a></li>
+            <li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
+            <li><a href="./components.html#pagination">Pagination</a></li>
+            <li><a href="./components.html#labels">Labels</a></li>
+            <li><a href="./components.html#badges">Badges</a></li>
+            <li><a href="./components.html#typography">Typography</a></li>
+            <li><a href="./components.html#thumbnails">Thumbnails</a></li>
+            <li><a href="./components.html#alerts">Alerts</a></li>
+            <li><a href="./components.html#progress">Progress bars</a></li>
+            <li><a href="./components.html#misc">Miscellaneous</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./javascript.html">Javascript</a>
+          <ul>
+            <li><a href="./javascript.html#javascript">All plugins</a></li>
+            <li><a href="./javascript.html#modals">Modal</a></li>
+            <li><a href="./javascript.html#dropdowns">Dropdown</a></li>
+            <li><a href="./javascript.html#scrollspy">Scrollspy</a></li>
+            <li><a href="./javascript.html#tabs">Tab</a></li>
+            <li><a href="./javascript.html#tooltips">Tooltip</a></li>
+            <li><a href="./javascript.html#popovers">Popover</a></li>
+            <li><a href="./javascript.html#alerts">Alert</a></li>
+            <li><a href="./javascript.html#buttons">Button</a></li>
+            <li><a href="./javascript.html#collapse">Collapse</a></li>
+            <li><a href="./javascript.html#carousel">Carousel</a></li>
+            <li><a href="./javascript.html#typeahead">Typeahead</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./less.html">LESS</a>
+          <ul>
+            <li><a href="./less.html#builtWith">Built with Less</a></li>
+            <li><a href="./less.html#variables">Variables</a></li>
+            <li><a href="./less.html#mixins">Mixins</a></li>
+            <li><a href="./less.html#compiling">Compiling Bootstrap</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./download.html">Customize</a>
+        </li>
+        <li class="">
+          <a href="./examples.html">Examples</a>
+        </li>
+      </ul>
     </div>
 
     <div class="bs-docs-container">
@@ -84,19 +117,6 @@
 </header>
 
 
-<section id="contents">
-  <div class="bs-docs-contents">
-    <h3>Contents</h3>
-    <ol>
-      <li><a href="#typography">Typography</a></li>
-      <li><a href="#code">Code</a></li>
-      <li><a href="#tables">Tables</a></li>
-      <li><a href="#forms">Forms</a></li>
-      <li><a href="#buttons">Buttons</a></li>
-      <li><a href="#icons">Icons by Glyphicons</a></li>
-    </ol>
-  </div>
-</section>
 
 <!-- Typography
 ================================================== -->
@@ -1626,10 +1646,10 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
      <!-- Footer
       ================================================== -->
       <footer class="footer">
+        <p clas="right"><a href="#">Back to top</a></p>
         <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
         <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
         <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="#">Back to top</a></p>
       </footer>
 
     </div><!-- /container -->
diff --git a/docs/components.html b/docs/components.html
index a82c8ac45..f0856a19f 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -27,51 +27,84 @@
 
   </head>
 
-  <body data-spy="scroll" data-target=".subnav" data-offset="50">
-
-
-  <!-- Navbar
-    ================================================== -->
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li class="">
-                <a href="./index.html">Overview</a>
-              </li>
-              <li class="">
-                <a href="./scaffolding.html">Scaffolding</a>
-              </li>
-              <li class="">
-                <a href="./base-css.html">Base CSS</a>
-              </li>
-              <li class="active">
-                <a href="./components.html">Components</a>
-              </li>
-              <li class="">
-                <a href="./javascript.html">Javascript plugins</a>
-              </li>
-              <li class="">
-                <a href="./less.html">Using LESS</a>
-              </li>
-              <li class="divider-vertical"></li>
-              <li class="">
-                <a href="./download.html">Customize</a>
-              </li>
-              <li class="">
-                <a href="./examples.html">Examples</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+  <body>
+
+    <div class="bs-docs-nav">
+      <h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
+      <ul class="bs-nav">
+        <li class="">
+          <a href="./scaffolding.html">Scaffolding</a>
+          <ul>
+            <li><a href="./scaffolding.html#global">Global styles</a></li>
+            <li><a href="./scaffolding.html#gridSystem">Grid system</a></li>
+            <li><a href="./scaffolding.html#fluidGridSystem">Fluid grid system</a></li>
+            <li><a href="./scaffolding.html#gridCustomization">Customizing</a></li>
+            <li><a href="./scaffolding.html#layouts">Layouts</a></li>
+            <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./base-css.html">Base CSS</a>
+          <ul>
+            <li><a href="./base-css.html#typography">Typography</a></li>
+            <li><a href="./base-css.html#code">Code</a></li>
+            <li><a href="./base-css.html#tables">Tables</a></li>
+            <li><a href="./base-css.html#forms">Forms</a></li>
+            <li><a href="./base-css.html#buttons">Buttons</a></li>
+            <li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="./components.html">Components</a>
+          <ul>
+            <li><a href="./components.html#buttonGroups">Button groups</a></li>
+            <li><a href="./components.html#buttonDropdowns">Button dropdowns</a></li>
+            <li><a href="./components.html#navs">Nav, tabs, pills</a></li>
+            <li><a href="./components.html#navbar">Navbar</a></li>
+            <li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
+            <li><a href="./components.html#pagination">Pagination</a></li>
+            <li><a href="./components.html#labels">Labels</a></li>
+            <li><a href="./components.html#badges">Badges</a></li>
+            <li><a href="./components.html#typography">Typography</a></li>
+            <li><a href="./components.html#thumbnails">Thumbnails</a></li>
+            <li><a href="./components.html#alerts">Alerts</a></li>
+            <li><a href="./components.html#progress">Progress bars</a></li>
+            <li><a href="./components.html#misc">Miscellaneous</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./javascript.html">Javascript</a>
+          <ul>
+            <li><a href="./javascript.html#javascript">All plugins</a></li>
+            <li><a href="./javascript.html#modals">Modal</a></li>
+            <li><a href="./javascript.html#dropdowns">Dropdown</a></li>
+            <li><a href="./javascript.html#scrollspy">Scrollspy</a></li>
+            <li><a href="./javascript.html#tabs">Tab</a></li>
+            <li><a href="./javascript.html#tooltips">Tooltip</a></li>
+            <li><a href="./javascript.html#popovers">Popover</a></li>
+            <li><a href="./javascript.html#alerts">Alert</a></li>
+            <li><a href="./javascript.html#buttons">Button</a></li>
+            <li><a href="./javascript.html#collapse">Collapse</a></li>
+            <li><a href="./javascript.html#carousel">Carousel</a></li>
+            <li><a href="./javascript.html#typeahead">Typeahead</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./less.html">LESS</a>
+          <ul>
+            <li><a href="./less.html#builtWith">Built with Less</a></li>
+            <li><a href="./less.html#variables">Variables</a></li>
+            <li><a href="./less.html#mixins">Mixins</a></li>
+            <li><a href="./less.html#compiling">Compiling Bootstrap</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./download.html">Customize</a>
+        </li>
+        <li class="">
+          <a href="./examples.html">Examples</a>
+        </li>
+      </ul>
     </div>
 
     <div class="bs-docs-container">
@@ -84,30 +117,6 @@
 </header>
 
 
-
-<section id="contents">
-  <div class="bs-docs-contents">
-    <h3>Contents</h3>
-    <ol>
-      <li><a href="#buttonGroups">Button groups</a></li>
-      <li><a href="#buttonDropdowns">Button dropdowns</a></li>
-      <li><a href="#navs">Nav, tabs, pills</a></li>
-      <li><a href="#navbar">Navbar</a></li>
-      <li><a href="#breadcrumbs">Breadcrumbs</a></li>
-      <li><a href="#pagination">Pagination</a></li>
-      <li><a href="#labels">Labels</a></li>
-      <li><a href="#badges">Badges</a></li>
-      <li><a href="#typography">Type</a></li>
-      <li><a href="#thumbnails">Thumbnails</a></li>
-      <li><a href="#alerts">Alerts</a></li>
-      <li><a href="#progress">Progress bars</a></li>
-      <li><a href="#misc">Misc</a></li>
-    </ol>
-  </div>
-</section>
-
-
-
 <!-- Button Groups
 ================================================== -->
 <section id="buttonGroups">
@@ -1843,10 +1852,10 @@ class="clearfix"
      <!-- Footer
       ================================================== -->
       <footer class="footer">
+        <p clas="right"><a href="#">Back to top</a></p>
         <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
         <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
         <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="#">Back to top</a></p>
       </footer>
 
     </div><!-- /container -->
diff --git a/docs/download.html b/docs/download.html
index c5fb07a5c..654e7746d 100644
--- a/docs/download.html
+++ b/docs/download.html
@@ -27,51 +27,84 @@
 
   </head>
 
-  <body data-spy="scroll" data-target=".subnav" data-offset="50">
-
-
-  <!-- Navbar
-    ================================================== -->
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li class="">
-                <a href="./index.html">Overview</a>
-              </li>
-              <li class="">
-                <a href="./scaffolding.html">Scaffolding</a>
-              </li>
-              <li class="">
-                <a href="./base-css.html">Base CSS</a>
-              </li>
-              <li class="">
-                <a href="./components.html">Components</a>
-              </li>
-              <li class="">
-                <a href="./javascript.html">Javascript plugins</a>
-              </li>
-              <li class="">
-                <a href="./less.html">Using LESS</a>
-              </li>
-              <li class="divider-vertical"></li>
-              <li class="active">
-                <a href="./download.html">Customize</a>
-              </li>
-              <li class="">
-                <a href="./examples.html">Examples</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+  <body>
+
+    <div class="bs-docs-nav">
+      <h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
+      <ul class="bs-nav">
+        <li class="">
+          <a href="./scaffolding.html">Scaffolding</a>
+          <ul>
+            <li><a href="./scaffolding.html#global">Global styles</a></li>
+            <li><a href="./scaffolding.html#gridSystem">Grid system</a></li>
+            <li><a href="./scaffolding.html#fluidGridSystem">Fluid grid system</a></li>
+            <li><a href="./scaffolding.html#gridCustomization">Customizing</a></li>
+            <li><a href="./scaffolding.html#layouts">Layouts</a></li>
+            <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./base-css.html">Base CSS</a>
+          <ul>
+            <li><a href="./base-css.html#typography">Typography</a></li>
+            <li><a href="./base-css.html#code">Code</a></li>
+            <li><a href="./base-css.html#tables">Tables</a></li>
+            <li><a href="./base-css.html#forms">Forms</a></li>
+            <li><a href="./base-css.html#buttons">Buttons</a></li>
+            <li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./components.html">Components</a>
+          <ul>
+            <li><a href="./components.html#buttonGroups">Button groups</a></li>
+            <li><a href="./components.html#buttonDropdowns">Button dropdowns</a></li>
+            <li><a href="./components.html#navs">Nav, tabs, pills</a></li>
+            <li><a href="./components.html#navbar">Navbar</a></li>
+            <li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
+            <li><a href="./components.html#pagination">Pagination</a></li>
+            <li><a href="./components.html#labels">Labels</a></li>
+            <li><a href="./components.html#badges">Badges</a></li>
+            <li><a href="./components.html#typography">Typography</a></li>
+            <li><a href="./components.html#thumbnails">Thumbnails</a></li>
+            <li><a href="./components.html#alerts">Alerts</a></li>
+            <li><a href="./components.html#progress">Progress bars</a></li>
+            <li><a href="./components.html#misc">Miscellaneous</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./javascript.html">Javascript</a>
+          <ul>
+            <li><a href="./javascript.html#javascript">All plugins</a></li>
+            <li><a href="./javascript.html#modals">Modal</a></li>
+            <li><a href="./javascript.html#dropdowns">Dropdown</a></li>
+            <li><a href="./javascript.html#scrollspy">Scrollspy</a></li>
+            <li><a href="./javascript.html#tabs">Tab</a></li>
+            <li><a href="./javascript.html#tooltips">Tooltip</a></li>
+            <li><a href="./javascript.html#popovers">Popover</a></li>
+            <li><a href="./javascript.html#alerts">Alert</a></li>
+            <li><a href="./javascript.html#buttons">Button</a></li>
+            <li><a href="./javascript.html#collapse">Collapse</a></li>
+            <li><a href="./javascript.html#carousel">Carousel</a></li>
+            <li><a href="./javascript.html#typeahead">Typeahead</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./less.html">LESS</a>
+          <ul>
+            <li><a href="./less.html#builtWith">Built with Less</a></li>
+            <li><a href="./less.html#variables">Variables</a></li>
+            <li><a href="./less.html#mixins">Mixins</a></li>
+            <li><a href="./less.html#compiling">Compiling Bootstrap</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="./download.html">Customize</a>
+        </li>
+        <li class="">
+          <a href="./examples.html">Examples</a>
+        </li>
+      </ul>
     </div>
 
     <div class="bs-docs-container">
@@ -427,10 +460,10 @@
      <!-- Footer
       ================================================== -->
       <footer class="footer">
+        <p clas="right"><a href="#">Back to top</a></p>
         <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
         <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
         <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="#">Back to top</a></p>
       </footer>
 
     </div><!-- /container -->
diff --git a/docs/examples.html b/docs/examples.html
index c70c4b00d..83d87426f 100644
--- a/docs/examples.html
+++ b/docs/examples.html
@@ -27,51 +27,84 @@
 
   </head>
 
-  <body data-spy="scroll" data-target=".subnav" data-offset="50">
-
-
-  <!-- Navbar
-    ================================================== -->
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li class="">
-                <a href="./index.html">Overview</a>
-              </li>
-              <li class="">
-                <a href="./scaffolding.html">Scaffolding</a>
-              </li>
-              <li class="">
-                <a href="./base-css.html">Base CSS</a>
-              </li>
-              <li class="">
-                <a href="./components.html">Components</a>
-              </li>
-              <li class="">
-                <a href="./javascript.html">Javascript plugins</a>
-              </li>
-              <li class="">
-                <a href="./less.html">Using LESS</a>
-              </li>
-              <li class="divider-vertical"></li>
-              <li class="">
-                <a href="./download.html">Customize</a>
-              </li>
-              <li class="active">
-                <a href="./examples.html">Examples</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+  <body>
+
+    <div class="bs-docs-nav">
+      <h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
+      <ul class="bs-nav">
+        <li class="">
+          <a href="./scaffolding.html">Scaffolding</a>
+          <ul>
+            <li><a href="./scaffolding.html#global">Global styles</a></li>
+            <li><a href="./scaffolding.html#gridSystem">Grid system</a></li>
+            <li><a href="./scaffolding.html#fluidGridSystem">Fluid grid system</a></li>
+            <li><a href="./scaffolding.html#gridCustomization">Customizing</a></li>
+            <li><a href="./scaffolding.html#layouts">Layouts</a></li>
+            <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./base-css.html">Base CSS</a>
+          <ul>
+            <li><a href="./base-css.html#typography">Typography</a></li>
+            <li><a href="./base-css.html#code">Code</a></li>
+            <li><a href="./base-css.html#tables">Tables</a></li>
+            <li><a href="./base-css.html#forms">Forms</a></li>
+            <li><a href="./base-css.html#buttons">Buttons</a></li>
+            <li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./components.html">Components</a>
+          <ul>
+            <li><a href="./components.html#buttonGroups">Button groups</a></li>
+            <li><a href="./components.html#buttonDropdowns">Button dropdowns</a></li>
+            <li><a href="./components.html#navs">Nav, tabs, pills</a></li>
+            <li><a href="./components.html#navbar">Navbar</a></li>
+            <li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
+            <li><a href="./components.html#pagination">Pagination</a></li>
+            <li><a href="./components.html#labels">Labels</a></li>
+            <li><a href="./components.html#badges">Badges</a></li>
+            <li><a href="./components.html#typography">Typography</a></li>
+            <li><a href="./components.html#thumbnails">Thumbnails</a></li>
+            <li><a href="./components.html#alerts">Alerts</a></li>
+            <li><a href="./components.html#progress">Progress bars</a></li>
+            <li><a href="./components.html#misc">Miscellaneous</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./javascript.html">Javascript</a>
+          <ul>
+            <li><a href="./javascript.html#javascript">All plugins</a></li>
+            <li><a href="./javascript.html#modals">Modal</a></li>
+            <li><a href="./javascript.html#dropdowns">Dropdown</a></li>
+            <li><a href="./javascript.html#scrollspy">Scrollspy</a></li>
+            <li><a href="./javascript.html#tabs">Tab</a></li>
+            <li><a href="./javascript.html#tooltips">Tooltip</a></li>
+            <li><a href="./javascript.html#popovers">Popover</a></li>
+            <li><a href="./javascript.html#alerts">Alert</a></li>
+            <li><a href="./javascript.html#buttons">Button</a></li>
+            <li><a href="./javascript.html#collapse">Collapse</a></li>
+            <li><a href="./javascript.html#carousel">Carousel</a></li>
+            <li><a href="./javascript.html#typeahead">Typeahead</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./less.html">LESS</a>
+          <ul>
+            <li><a href="./less.html#builtWith">Built with Less</a></li>
+            <li><a href="./less.html#variables">Variables</a></li>
+            <li><a href="./less.html#mixins">Mixins</a></li>
+            <li><a href="./less.html#compiling">Compiling Bootstrap</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./download.html">Customize</a>
+        </li>
+        <li class="active">
+          <a href="./examples.html">Examples</a>
+        </li>
+      </ul>
     </div>
 
     <div class="bs-docs-container">
@@ -112,10 +145,10 @@
      <!-- Footer
       ================================================== -->
       <footer class="footer">
+        <p clas="right"><a href="#">Back to top</a></p>
         <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
         <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
         <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="#">Back to top</a></p>
       </footer>
 
     </div><!-- /container -->
diff --git a/docs/index.html b/docs/index.html
index dbc5b99d0..aadff0641 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -27,51 +27,84 @@
 
   </head>
 
-  <body data-spy="scroll" data-target=".subnav" data-offset="50">
-
-
-  <!-- Navbar
-    ================================================== -->
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li class="active">
-                <a href="./index.html">Overview</a>
-              </li>
-              <li class="">
-                <a href="./scaffolding.html">Scaffolding</a>
-              </li>
-              <li class="">
-                <a href="./base-css.html">Base CSS</a>
-              </li>
-              <li class="">
-                <a href="./components.html">Components</a>
-              </li>
-              <li class="">
-                <a href="./javascript.html">Javascript plugins</a>
-              </li>
-              <li class="">
-                <a href="./less.html">Using LESS</a>
-              </li>
-              <li class="divider-vertical"></li>
-              <li class="">
-                <a href="./download.html">Customize</a>
-              </li>
-              <li class="">
-                <a href="./examples.html">Examples</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+  <body>
+
+    <div class="bs-docs-nav">
+      <h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
+      <ul class="bs-nav">
+        <li class="">
+          <a href="./scaffolding.html">Scaffolding</a>
+          <ul>
+            <li><a href="./scaffolding.html#global">Global styles</a></li>
+            <li><a href="./scaffolding.html#gridSystem">Grid system</a></li>
+            <li><a href="./scaffolding.html#fluidGridSystem">Fluid grid system</a></li>
+            <li><a href="./scaffolding.html#gridCustomization">Customizing</a></li>
+            <li><a href="./scaffolding.html#layouts">Layouts</a></li>
+            <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./base-css.html">Base CSS</a>
+          <ul>
+            <li><a href="./base-css.html#typography">Typography</a></li>
+            <li><a href="./base-css.html#code">Code</a></li>
+            <li><a href="./base-css.html#tables">Tables</a></li>
+            <li><a href="./base-css.html#forms">Forms</a></li>
+            <li><a href="./base-css.html#buttons">Buttons</a></li>
+            <li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./components.html">Components</a>
+          <ul>
+            <li><a href="./components.html#buttonGroups">Button groups</a></li>
+            <li><a href="./components.html#buttonDropdowns">Button dropdowns</a></li>
+            <li><a href="./components.html#navs">Nav, tabs, pills</a></li>
+            <li><a href="./components.html#navbar">Navbar</a></li>
+            <li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
+            <li><a href="./components.html#pagination">Pagination</a></li>
+            <li><a href="./components.html#labels">Labels</a></li>
+            <li><a href="./components.html#badges">Badges</a></li>
+            <li><a href="./components.html#typography">Typography</a></li>
+            <li><a href="./components.html#thumbnails">Thumbnails</a></li>
+            <li><a href="./components.html#alerts">Alerts</a></li>
+            <li><a href="./components.html#progress">Progress bars</a></li>
+            <li><a href="./components.html#misc">Miscellaneous</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./javascript.html">Javascript</a>
+          <ul>
+            <li><a href="./javascript.html#javascript">All plugins</a></li>
+            <li><a href="./javascript.html#modals">Modal</a></li>
+            <li><a href="./javascript.html#dropdowns">Dropdown</a></li>
+            <li><a href="./javascript.html#scrollspy">Scrollspy</a></li>
+            <li><a href="./javascript.html#tabs">Tab</a></li>
+            <li><a href="./javascript.html#tooltips">Tooltip</a></li>
+            <li><a href="./javascript.html#popovers">Popover</a></li>
+            <li><a href="./javascript.html#alerts">Alert</a></li>
+            <li><a href="./javascript.html#buttons">Button</a></li>
+            <li><a href="./javascript.html#collapse">Collapse</a></li>
+            <li><a href="./javascript.html#carousel">Carousel</a></li>
+            <li><a href="./javascript.html#typeahead">Typeahead</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./less.html">LESS</a>
+          <ul>
+            <li><a href="./less.html#builtWith">Built with Less</a></li>
+            <li><a href="./less.html#variables">Variables</a></li>
+            <li><a href="./less.html#mixins">Mixins</a></li>
+            <li><a href="./less.html#compiling">Compiling Bootstrap</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./download.html">Customize</a>
+        </li>
+        <li class="">
+          <a href="./examples.html">Examples</a>
+        </li>
+      </ul>
     </div>
 
     <div class="bs-docs-container">
@@ -187,10 +220,10 @@
      <!-- Footer
       ================================================== -->
       <footer class="footer">
+        <p clas="right"><a href="#">Back to top</a></p>
         <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
         <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
         <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="#">Back to top</a></p>
       </footer>
 
     </div><!-- /container -->
diff --git a/docs/javascript.html b/docs/javascript.html
index 97c127243..1afe4d243 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -27,51 +27,84 @@
 
   </head>
 
-  <body data-spy="scroll" data-target=".subnav" data-offset="50">
-
-
-  <!-- Navbar
-    ================================================== -->
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li class="">
-                <a href="./index.html">Overview</a>
-              </li>
-              <li class="">
-                <a href="./scaffolding.html">Scaffolding</a>
-              </li>
-              <li class="">
-                <a href="./base-css.html">Base CSS</a>
-              </li>
-              <li class="">
-                <a href="./components.html">Components</a>
-              </li>
-              <li class="active">
-                <a href="./javascript.html">Javascript plugins</a>
-              </li>
-              <li class="">
-                <a href="./less.html">Using LESS</a>
-              </li>
-              <li class="divider-vertical"></li>
-              <li class="">
-                <a href="./download.html">Customize</a>
-              </li>
-              <li class="">
-                <a href="./examples.html">Examples</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+  <body>
+
+    <div class="bs-docs-nav">
+      <h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
+      <ul class="bs-nav">
+        <li class="">
+          <a href="./scaffolding.html">Scaffolding</a>
+          <ul>
+            <li><a href="./scaffolding.html#global">Global styles</a></li>
+            <li><a href="./scaffolding.html#gridSystem">Grid system</a></li>
+            <li><a href="./scaffolding.html#fluidGridSystem">Fluid grid system</a></li>
+            <li><a href="./scaffolding.html#gridCustomization">Customizing</a></li>
+            <li><a href="./scaffolding.html#layouts">Layouts</a></li>
+            <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./base-css.html">Base CSS</a>
+          <ul>
+            <li><a href="./base-css.html#typography">Typography</a></li>
+            <li><a href="./base-css.html#code">Code</a></li>
+            <li><a href="./base-css.html#tables">Tables</a></li>
+            <li><a href="./base-css.html#forms">Forms</a></li>
+            <li><a href="./base-css.html#buttons">Buttons</a></li>
+            <li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./components.html">Components</a>
+          <ul>
+            <li><a href="./components.html#buttonGroups">Button groups</a></li>
+            <li><a href="./components.html#buttonDropdowns">Button dropdowns</a></li>
+            <li><a href="./components.html#navs">Nav, tabs, pills</a></li>
+            <li><a href="./components.html#navbar">Navbar</a></li>
+            <li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
+            <li><a href="./components.html#pagination">Pagination</a></li>
+            <li><a href="./components.html#labels">Labels</a></li>
+            <li><a href="./components.html#badges">Badges</a></li>
+            <li><a href="./components.html#typography">Typography</a></li>
+            <li><a href="./components.html#thumbnails">Thumbnails</a></li>
+            <li><a href="./components.html#alerts">Alerts</a></li>
+            <li><a href="./components.html#progress">Progress bars</a></li>
+            <li><a href="./components.html#misc">Miscellaneous</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="./javascript.html">Javascript</a>
+          <ul>
+            <li><a href="./javascript.html#javascript">All plugins</a></li>
+            <li><a href="./javascript.html#modals">Modal</a></li>
+            <li><a href="./javascript.html#dropdowns">Dropdown</a></li>
+            <li><a href="./javascript.html#scrollspy">Scrollspy</a></li>
+            <li><a href="./javascript.html#tabs">Tab</a></li>
+            <li><a href="./javascript.html#tooltips">Tooltip</a></li>
+            <li><a href="./javascript.html#popovers">Popover</a></li>
+            <li><a href="./javascript.html#alerts">Alert</a></li>
+            <li><a href="./javascript.html#buttons">Button</a></li>
+            <li><a href="./javascript.html#collapse">Collapse</a></li>
+            <li><a href="./javascript.html#carousel">Carousel</a></li>
+            <li><a href="./javascript.html#typeahead">Typeahead</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./less.html">LESS</a>
+          <ul>
+            <li><a href="./less.html#builtWith">Built with Less</a></li>
+            <li><a href="./less.html#variables">Variables</a></li>
+            <li><a href="./less.html#mixins">Mixins</a></li>
+            <li><a href="./less.html#compiling">Compiling Bootstrap</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./download.html">Customize</a>
+        </li>
+        <li class="">
+          <a href="./examples.html">Examples</a>
+        </li>
+      </ul>
     </div>
 
     <div class="bs-docs-container">
@@ -85,28 +118,6 @@
 
 
 
-<section id="contents">
-  <div class="bs-docs-contents">
-    <h3>Contents</h3>
-    <ol>
-      <li><a href="#javascript">All plugins</a></li>
-      <li><a href="#modals">Modal</a></li>
-      <li><a href="#dropdowns">Dropdown</a></li>
-      <li><a href="#scrollspy">Scrollspy</a></li>
-      <li><a href="#tabs">Tab</a></li>
-      <li><a href="#tooltips">Tooltip</a></li>
-      <li><a href="#popovers">Popover</a></li>
-      <li><a href="#alerts">Alert</a></li>
-      <li><a href="#buttons">Button</a></li>
-      <li><a href="#collapse">Collapse</a></li>
-      <li><a href="#carousel">Carousel</a></li>
-      <li><a href="#typeahead">Typeahead</a></li>
-    </ol>
-  </div>
-</section>
-
-
-
   <!-- Using Javascript w/ Bootstrap
   ================================================== -->
   <section id="javascript">
@@ -1482,10 +1493,10 @@ $('.carousel').carousel({
      <!-- Footer
       ================================================== -->
       <footer class="footer">
+        <p clas="right"><a href="#">Back to top</a></p>
         <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
         <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
         <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="#">Back to top</a></p>
       </footer>
 
     </div><!-- /container -->
diff --git a/docs/less.html b/docs/less.html
index 76987cff5..30781a133 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -27,51 +27,84 @@
 
   </head>
 
-  <body data-spy="scroll" data-target=".subnav" data-offset="50">
+  <body>
 
-
-  <!-- Navbar
-    ================================================== -->
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li class="">
-                <a href="./index.html">Overview</a>
-              </li>
-              <li class="">
-                <a href="./scaffolding.html">Scaffolding</a>
-              </li>
-              <li class="">
-                <a href="./base-css.html">Base CSS</a>
-              </li>
-              <li class="">
-                <a href="./components.html">Components</a>
-              </li>
-              <li class="">
-                <a href="./javascript.html">Javascript plugins</a>
-              </li>
-              <li class="active">
-                <a href="./less.html">Using LESS</a>
-              </li>
-              <li class="divider-vertical"></li>
-              <li class="">
-                <a href="./download.html">Customize</a>
-              </li>
-              <li class="">
-                <a href="./examples.html">Examples</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+    <div class="bs-docs-nav">
+      <h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
+      <ul class="bs-nav">
+        <li class="">
+          <a href="./scaffolding.html">Scaffolding</a>
+          <ul>
+            <li><a href="./scaffolding.html#global">Global styles</a></li>
+            <li><a href="./scaffolding.html#gridSystem">Grid system</a></li>
+            <li><a href="./scaffolding.html#fluidGridSystem">Fluid grid system</a></li>
+            <li><a href="./scaffolding.html#gridCustomization">Customizing</a></li>
+            <li><a href="./scaffolding.html#layouts">Layouts</a></li>
+            <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./base-css.html">Base CSS</a>
+          <ul>
+            <li><a href="./base-css.html#typography">Typography</a></li>
+            <li><a href="./base-css.html#code">Code</a></li>
+            <li><a href="./base-css.html#tables">Tables</a></li>
+            <li><a href="./base-css.html#forms">Forms</a></li>
+            <li><a href="./base-css.html#buttons">Buttons</a></li>
+            <li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./components.html">Components</a>
+          <ul>
+            <li><a href="./components.html#buttonGroups">Button groups</a></li>
+            <li><a href="./components.html#buttonDropdowns">Button dropdowns</a></li>
+            <li><a href="./components.html#navs">Nav, tabs, pills</a></li>
+            <li><a href="./components.html#navbar">Navbar</a></li>
+            <li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
+            <li><a href="./components.html#pagination">Pagination</a></li>
+            <li><a href="./components.html#labels">Labels</a></li>
+            <li><a href="./components.html#badges">Badges</a></li>
+            <li><a href="./components.html#typography">Typography</a></li>
+            <li><a href="./components.html#thumbnails">Thumbnails</a></li>
+            <li><a href="./components.html#alerts">Alerts</a></li>
+            <li><a href="./components.html#progress">Progress bars</a></li>
+            <li><a href="./components.html#misc">Miscellaneous</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./javascript.html">Javascript</a>
+          <ul>
+            <li><a href="./javascript.html#javascript">All plugins</a></li>
+            <li><a href="./javascript.html#modals">Modal</a></li>
+            <li><a href="./javascript.html#dropdowns">Dropdown</a></li>
+            <li><a href="./javascript.html#scrollspy">Scrollspy</a></li>
+            <li><a href="./javascript.html#tabs">Tab</a></li>
+            <li><a href="./javascript.html#tooltips">Tooltip</a></li>
+            <li><a href="./javascript.html#popovers">Popover</a></li>
+            <li><a href="./javascript.html#alerts">Alert</a></li>
+            <li><a href="./javascript.html#buttons">Button</a></li>
+            <li><a href="./javascript.html#collapse">Collapse</a></li>
+            <li><a href="./javascript.html#carousel">Carousel</a></li>
+            <li><a href="./javascript.html#typeahead">Typeahead</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="./less.html">LESS</a>
+          <ul>
+            <li><a href="./less.html#builtWith">Built with Less</a></li>
+            <li><a href="./less.html#variables">Variables</a></li>
+            <li><a href="./less.html#mixins">Mixins</a></li>
+            <li><a href="./less.html#compiling">Compiling Bootstrap</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./download.html">Customize</a>
+        </li>
+        <li class="">
+          <a href="./examples.html">Examples</a>
+        </li>
+      </ul>
     </div>
 
     <div class="bs-docs-container">
@@ -1014,10 +1047,10 @@
      <!-- Footer
       ================================================== -->
       <footer class="footer">
+        <p clas="right"><a href="#">Back to top</a></p>
         <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
         <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
         <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="#">Back to top</a></p>
       </footer>
 
     </div><!-- /container -->
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index c93509ce4..870c18e8a 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -27,51 +27,84 @@
 
   </head>
 
-  <body data-spy="scroll" data-target=".subnav" data-offset="50">
-
-
-  <!-- Navbar
-    ================================================== -->
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li class="">
-                <a href="./index.html">Overview</a>
-              </li>
-              <li class="active">
-                <a href="./scaffolding.html">Scaffolding</a>
-              </li>
-              <li class="">
-                <a href="./base-css.html">Base CSS</a>
-              </li>
-              <li class="">
-                <a href="./components.html">Components</a>
-              </li>
-              <li class="">
-                <a href="./javascript.html">Javascript plugins</a>
-              </li>
-              <li class="">
-                <a href="./less.html">Using LESS</a>
-              </li>
-              <li class="divider-vertical"></li>
-              <li class="">
-                <a href="./download.html">Customize</a>
-              </li>
-              <li class="">
-                <a href="./examples.html">Examples</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+  <body>
+
+    <div class="bs-docs-nav">
+      <h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
+      <ul class="bs-nav">
+        <li class="active">
+          <a href="./scaffolding.html">Scaffolding</a>
+          <ul>
+            <li><a href="./scaffolding.html#global">Global styles</a></li>
+            <li><a href="./scaffolding.html#gridSystem">Grid system</a></li>
+            <li><a href="./scaffolding.html#fluidGridSystem">Fluid grid system</a></li>
+            <li><a href="./scaffolding.html#gridCustomization">Customizing</a></li>
+            <li><a href="./scaffolding.html#layouts">Layouts</a></li>
+            <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./base-css.html">Base CSS</a>
+          <ul>
+            <li><a href="./base-css.html#typography">Typography</a></li>
+            <li><a href="./base-css.html#code">Code</a></li>
+            <li><a href="./base-css.html#tables">Tables</a></li>
+            <li><a href="./base-css.html#forms">Forms</a></li>
+            <li><a href="./base-css.html#buttons">Buttons</a></li>
+            <li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./components.html">Components</a>
+          <ul>
+            <li><a href="./components.html#buttonGroups">Button groups</a></li>
+            <li><a href="./components.html#buttonDropdowns">Button dropdowns</a></li>
+            <li><a href="./components.html#navs">Nav, tabs, pills</a></li>
+            <li><a href="./components.html#navbar">Navbar</a></li>
+            <li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
+            <li><a href="./components.html#pagination">Pagination</a></li>
+            <li><a href="./components.html#labels">Labels</a></li>
+            <li><a href="./components.html#badges">Badges</a></li>
+            <li><a href="./components.html#typography">Typography</a></li>
+            <li><a href="./components.html#thumbnails">Thumbnails</a></li>
+            <li><a href="./components.html#alerts">Alerts</a></li>
+            <li><a href="./components.html#progress">Progress bars</a></li>
+            <li><a href="./components.html#misc">Miscellaneous</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./javascript.html">Javascript</a>
+          <ul>
+            <li><a href="./javascript.html#javascript">All plugins</a></li>
+            <li><a href="./javascript.html#modals">Modal</a></li>
+            <li><a href="./javascript.html#dropdowns">Dropdown</a></li>
+            <li><a href="./javascript.html#scrollspy">Scrollspy</a></li>
+            <li><a href="./javascript.html#tabs">Tab</a></li>
+            <li><a href="./javascript.html#tooltips">Tooltip</a></li>
+            <li><a href="./javascript.html#popovers">Popover</a></li>
+            <li><a href="./javascript.html#alerts">Alert</a></li>
+            <li><a href="./javascript.html#buttons">Button</a></li>
+            <li><a href="./javascript.html#collapse">Collapse</a></li>
+            <li><a href="./javascript.html#carousel">Carousel</a></li>
+            <li><a href="./javascript.html#typeahead">Typeahead</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./less.html">LESS</a>
+          <ul>
+            <li><a href="./less.html#builtWith">Built with Less</a></li>
+            <li><a href="./less.html#variables">Variables</a></li>
+            <li><a href="./less.html#mixins">Mixins</a></li>
+            <li><a href="./less.html#compiling">Compiling Bootstrap</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./download.html">Customize</a>
+        </li>
+        <li class="">
+          <a href="./examples.html">Examples</a>
+        </li>
+      </ul>
     </div>
 
     <div class="bs-docs-container">
@@ -84,19 +117,6 @@
 </header>
 
 
-<section class="bs-docs-contents">
-  <h3>Contents</h3>
-  <ol>
-    <li><a href="#global">Global styles</a></li>
-    <li><a href="#gridSystem">Grid system</a></li>
-    <li><a href="#fluidGridSystem">Fluid grid system</a></li>
-    <li><a href="#gridCustomization">Customizing</a></li>
-    <li><a href="#layouts">Layouts</a></li>
-    <li><a href="#responsive">Responsive design</a></li>
-  </ol>
-</section>
-
-
 
 <!-- Global Bootstrap settings
 ================================================== -->
@@ -578,10 +598,10 @@
      <!-- Footer
       ================================================== -->
       <footer class="footer">
+        <p clas="right"><a href="#">Back to top</a></p>
         <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
         <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
         <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="#">Back to top</a></p>
       </footer>
 
     </div><!-- /container -->
diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache
index 3e8448d19..1d23c8370 100644
--- a/docs/templates/layout.mustache
+++ b/docs/templates/layout.mustache
@@ -39,51 +39,84 @@
     {{/production}}
   </head>
 
-  <body data-spy="scroll" data-target=".subnav" data-offset="50">
-
-
-  <!-- Navbar
-    ================================================== -->
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li class="{{index}}">
-                <a href="./index.html">{{_i}}Overview{{/i}}</a>
-              </li>
-              <li class="{{scaffolding}}">
-                <a href="./scaffolding.html">{{_i}}Scaffolding{{/i}}</a>
-              </li>
-              <li class="{{base-css}}">
-                <a href="./base-css.html">{{_i}}Base CSS{{/i}}</a>
-              </li>
-              <li class="{{components}}">
-                <a href="./components.html">{{_i}}Components{{/i}}</a>
-              </li>
-              <li class="{{javascript}}">
-                <a href="./javascript.html">{{_i}}Javascript plugins{{/i}}</a>
-              </li>
-              <li class="{{less}}">
-                <a href="./less.html">{{_i}}Using LESS{{/i}}</a>
-              </li>
-              <li class="divider-vertical"></li>
-              <li class="{{download}}">
-                <a href="./download.html">{{_i}}Customize{{/i}}</a>
-              </li>
-              <li class="{{examples}}">
-                <a href="./examples.html">{{_i}}Examples{{/i}}</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+  <body>
+
+    <div class="bs-docs-nav">
+      <h3 class="bs-docs-logo"><a href="./index.html">{{_i}}Bootstrap{{/i}}</a></h3>
+      <ul class="bs-nav">
+        <li class="{{scaffolding}}">
+          <a href="./scaffolding.html">{{_i}}Scaffolding{{/i}}</a>
+          <ul>
+            <li><a href="./scaffolding.html#global">{{_i}}Global styles{{/i}}</a></li>
+            <li><a href="./scaffolding.html#gridSystem">{{_i}}Grid system{{/i}}</a></li>
+            <li><a href="./scaffolding.html#fluidGridSystem">{{_i}}Fluid grid system{{/i}}</a></li>
+            <li><a href="./scaffolding.html#gridCustomization">{{_i}}Customizing{{/i}}</a></li>
+            <li><a href="./scaffolding.html#layouts">{{_i}}Layouts{{/i}}</a></li>
+            <li><a href="./scaffolding.html#responsive">{{_i}}Responsive design{{/i}}</a></li>
+          </ul>
+        </li>
+        <li class="{{base-css}}">
+          <a href="./base-css.html">{{_i}}Base CSS{{/i}}</a>
+          <ul>
+            <li><a href="./base-css.html#typography">{{_i}}Typography{{/i}}</a></li>
+            <li><a href="./base-css.html#code">{{_i}}Code{{/i}}</a></li>
+            <li><a href="./base-css.html#tables">{{_i}}Tables{{/i}}</a></li>
+            <li><a href="./base-css.html#forms">{{_i}}Forms{{/i}}</a></li>
+            <li><a href="./base-css.html#buttons">{{_i}}Buttons{{/i}}</a></li>
+            <li><a href="./base-css.html#icons">{{_i}}Icons by Glyphicons{{/i}}</a></li>
+          </ul>
+        </li>
+        <li class="{{components}}">
+          <a href="./components.html">{{_i}}Components{{/i}}</a>
+          <ul>
+            <li><a href="./components.html#buttonGroups">{{_i}}Button groups{{/i}}</a></li>
+            <li><a href="./components.html#buttonDropdowns">{{_i}}Button dropdowns{{/i}}</a></li>
+            <li><a href="./components.html#navs">{{_i}}Nav, tabs, pills{{/i}}</a></li>
+            <li><a href="./components.html#navbar">{{_i}}Navbar{{/i}}</a></li>
+            <li><a href="./components.html#breadcrumbs">{{_i}}Breadcrumbs{{/i}}</a></li>
+            <li><a href="./components.html#pagination">{{_i}}Pagination{{/i}}</a></li>
+            <li><a href="./components.html#labels">{{_i}}Labels{{/i}}</a></li>
+            <li><a href="./components.html#badges">{{_i}}Badges{{/i}}</a></li>
+            <li><a href="./components.html#typography">{{_i}}Typography{{/i}}</a></li>
+            <li><a href="./components.html#thumbnails">{{_i}}Thumbnails{{/i}}</a></li>
+            <li><a href="./components.html#alerts">{{_i}}Alerts{{/i}}</a></li>
+            <li><a href="./components.html#progress">{{_i}}Progress bars{{/i}}</a></li>
+            <li><a href="./components.html#misc">{{_i}}Miscellaneous{{/i}}</a></li>
+          </ul>
+        </li>
+        <li class="{{javascript}}">
+          <a href="./javascript.html">{{_i}}Javascript{{/i}}</a>
+          <ul>
+            <li><a href="./javascript.html#javascript">{{_i}}All plugins{{/i}}</a></li>
+            <li><a href="./javascript.html#modals">{{_i}}Modal{{/i}}</a></li>
+            <li><a href="./javascript.html#dropdowns">{{_i}}Dropdown{{/i}}</a></li>
+            <li><a href="./javascript.html#scrollspy">{{_i}}Scrollspy{{/i}}</a></li>
+            <li><a href="./javascript.html#tabs">{{_i}}Tab{{/i}}</a></li>
+            <li><a href="./javascript.html#tooltips">{{_i}}Tooltip{{/i}}</a></li>
+            <li><a href="./javascript.html#popovers">{{_i}}Popover{{/i}}</a></li>
+            <li><a href="./javascript.html#alerts">{{_i}}Alert{{/i}}</a></li>
+            <li><a href="./javascript.html#buttons">{{_i}}Button{{/i}}</a></li>
+            <li><a href="./javascript.html#collapse">{{_i}}Collapse{{/i}}</a></li>
+            <li><a href="./javascript.html#carousel">{{_i}}Carousel{{/i}}</a></li>
+            <li><a href="./javascript.html#typeahead">{{_i}}Typeahead{{/i}}</a></li>
+          </ul>
+        </li>
+        <li class="{{less}}">
+          <a href="./less.html">{{_i}}LESS{{/i}}</a>
+          <ul>
+            <li><a href="./less.html#builtWith">{{_i}}Built with Less{{/i}}</a></li>
+            <li><a href="./less.html#variables">{{_i}}Variables{{/i}}</a></li>
+            <li><a href="./less.html#mixins">{{_i}}Mixins{{/i}}</a></li>
+            <li><a href="./less.html#compiling">{{_i}}Compiling Bootstrap{{/i}}</a></li>
+          </ul>
+        </li>
+        <li class="{{download}}">
+          <a href="./download.html">{{_i}}Customize{{/i}}</a>
+        </li>
+        <li class="{{examples}}">
+          <a href="./examples.html">{{_i}}Examples{{/i}}</a>
+        </li>
+      </ul>
     </div>
 
     <div class="bs-docs-container">
@@ -94,10 +127,10 @@
      <!-- Footer
       ================================================== -->
       <footer class="footer">
+        <p clas="right"><a href="#">{{_i}}Back to top{{/i}}</a></p>
         <p>{{_i}}Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.{{/i}}</p>
         <p>{{_i}}Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.{{/i}}</p>
         <p>{{_i}}Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.{{/i}}</p>
-        <p><a href="#">{{_i}}Back to top{{/i}}</a></p>
       </footer>
 
     </div><!-- /container -->
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 595f4b5a9..a6cea5750 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -6,19 +6,6 @@
 </header>
 
 
-<section id="contents">
-  <div class="bs-docs-contents">
-    <h3>{{_i}}Contents{{/i}}</h3>
-    <ol>
-      <li><a href="#typography">{{_i}}Typography{{/i}}</a></li>
-      <li><a href="#code">{{_i}}Code{{/i}}</a></li>
-      <li><a href="#tables">{{_i}}Tables{{/i}}</a></li>
-      <li><a href="#forms">{{_i}}Forms{{/i}}</a></li>
-      <li><a href="#buttons">{{_i}}Buttons{{/i}}</a></li>
-      <li><a href="#icons">{{_i}}Icons by Glyphicons{{/i}}</a></li>
-    </ol>
-  </div>
-</section>
 
 <!-- Typography
 ================================================== -->
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 643057254..d05eacf53 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -6,30 +6,6 @@
 </header>
 
 
-
-<section id="contents">
-  <div class="bs-docs-contents">
-    <h3>{{_i}}Contents{{/i}}</h3>
-    <ol>
-      <li><a href="#buttonGroups">{{_i}}Button groups{{/i}}</a></li>
-      <li><a href="#buttonDropdowns">{{_i}}Button dropdowns{{/i}}</a></li>
-      <li><a href="#navs">{{_i}}Nav, tabs, pills{{/i}}</a></li>
-      <li><a href="#navbar">{{_i}}Navbar{{/i}}</a></li>
-      <li><a href="#breadcrumbs">{{_i}}Breadcrumbs{{/i}}</a></li>
-      <li><a href="#pagination">{{_i}}Pagination{{/i}}</a></li>
-      <li><a href="#labels">{{_i}}Labels{{/i}}</a></li>
-      <li><a href="#badges">{{_i}}Badges{{/i}}</a></li>
-      <li><a href="#typography">{{_i}}Type{{/i}}</a></li>
-      <li><a href="#thumbnails">{{_i}}Thumbnails{{/i}}</a></li>
-      <li><a href="#alerts">{{_i}}Alerts{{/i}}</a></li>
-      <li><a href="#progress">{{_i}}Progress bars{{/i}}</a></li>
-      <li><a href="#misc">{{_i}}Misc{{/i}}</a></li>
-    </ol>
-  </div>
-</section>
-
-
-
 <!-- Button Groups
 ================================================== -->
 <section id="buttonGroups">
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 2153edc3d..30872b1e1 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -7,28 +7,6 @@
 
 
 
-<section id="contents">
-  <div class="bs-docs-contents">
-    <h3>{{_i}}Contents{{/i}}</h3>
-    <ol>
-      <li><a href="#javascript">{{_i}}All plugins{{/i}}</a></li>
-      <li><a href="#modals">{{_i}}Modal{{/i}}</a></li>
-      <li><a href="#dropdowns">{{_i}}Dropdown{{/i}}</a></li>
-      <li><a href="#scrollspy">{{_i}}Scrollspy{{/i}}</a></li>
-      <li><a href="#tabs">{{_i}}Tab{{/i}}</a></li>
-      <li><a href="#tooltips">{{_i}}Tooltip{{/i}}</a></li>
-      <li><a href="#popovers">{{_i}}Popover{{/i}}</a></li>
-      <li><a href="#alerts">{{_i}}Alert{{/i}}</a></li>
-      <li><a href="#buttons">{{_i}}Button{{/i}}</a></li>
-      <li><a href="#collapse">{{_i}}Collapse{{/i}}</a></li>
-      <li><a href="#carousel">{{_i}}Carousel{{/i}}</a></li>
-      <li><a href="#typeahead">{{_i}}Typeahead{{/i}}</a></li>
-    </ol>
-  </div>
-</section>
-
-
-
   <!-- Using Javascript w/ Bootstrap
   ================================================== -->
   <section id="javascript">
diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
index abf98da77..ee447da3d 100644
--- a/docs/templates/pages/scaffolding.mustache
+++ b/docs/templates/pages/scaffolding.mustache
@@ -6,19 +6,6 @@
 </header>
 
 
-<section class="bs-docs-contents">
-  <h3>{{_i}}Contents{{/i}}</h3>
-  <ol>
-    <li><a href="#global">{{_i}}Global styles{{/i}}</a></li>
-    <li><a href="#gridSystem">{{_i}}Grid system{{/i}}</a></li>
-    <li><a href="#fluidGridSystem">{{_i}}Fluid grid system{{/i}}</a></li>
-    <li><a href="#gridCustomization">{{_i}}Customizing{{/i}}</a></li>
-    <li><a href="#layouts">{{_i}}Layouts{{/i}}</a></li>
-    <li><a href="#responsive">{{_i}}Responsive design{{/i}}</a></li>
-  </ol>
-</section>
-
-
 
 <!-- Global Bootstrap settings
 ================================================== -->
diff --git a/docs/upgrading.html b/docs/upgrading.html
index a2da493ed..85d8f9ef0 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -27,51 +27,84 @@
 
   </head>
 
-  <body data-spy="scroll" data-target=".subnav" data-offset="50">
-
-
-  <!-- Navbar
-    ================================================== -->
-    <div class="navbar navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button"class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li class="">
-                <a href="./index.html">Overview</a>
-              </li>
-              <li class="">
-                <a href="./scaffolding.html">Scaffolding</a>
-              </li>
-              <li class="">
-                <a href="./base-css.html">Base CSS</a>
-              </li>
-              <li class="">
-                <a href="./components.html">Components</a>
-              </li>
-              <li class="">
-                <a href="./javascript.html">Javascript plugins</a>
-              </li>
-              <li class="">
-                <a href="./less.html">Using LESS</a>
-              </li>
-              <li class="divider-vertical"></li>
-              <li class="">
-                <a href="./download.html">Customize</a>
-              </li>
-              <li class="">
-                <a href="./examples.html">Examples</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
+  <body>
+
+    <div class="bs-docs-nav">
+      <h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
+      <ul class="bs-nav">
+        <li class="">
+          <a href="./scaffolding.html">Scaffolding</a>
+          <ul>
+            <li><a href="./scaffolding.html#global">Global styles</a></li>
+            <li><a href="./scaffolding.html#gridSystem">Grid system</a></li>
+            <li><a href="./scaffolding.html#fluidGridSystem">Fluid grid system</a></li>
+            <li><a href="./scaffolding.html#gridCustomization">Customizing</a></li>
+            <li><a href="./scaffolding.html#layouts">Layouts</a></li>
+            <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./base-css.html">Base CSS</a>
+          <ul>
+            <li><a href="./base-css.html#typography">Typography</a></li>
+            <li><a href="./base-css.html#code">Code</a></li>
+            <li><a href="./base-css.html#tables">Tables</a></li>
+            <li><a href="./base-css.html#forms">Forms</a></li>
+            <li><a href="./base-css.html#buttons">Buttons</a></li>
+            <li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./components.html">Components</a>
+          <ul>
+            <li><a href="./components.html#buttonGroups">Button groups</a></li>
+            <li><a href="./components.html#buttonDropdowns">Button dropdowns</a></li>
+            <li><a href="./components.html#navs">Nav, tabs, pills</a></li>
+            <li><a href="./components.html#navbar">Navbar</a></li>
+            <li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
+            <li><a href="./components.html#pagination">Pagination</a></li>
+            <li><a href="./components.html#labels">Labels</a></li>
+            <li><a href="./components.html#badges">Badges</a></li>
+            <li><a href="./components.html#typography">Typography</a></li>
+            <li><a href="./components.html#thumbnails">Thumbnails</a></li>
+            <li><a href="./components.html#alerts">Alerts</a></li>
+            <li><a href="./components.html#progress">Progress bars</a></li>
+            <li><a href="./components.html#misc">Miscellaneous</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./javascript.html">Javascript</a>
+          <ul>
+            <li><a href="./javascript.html#javascript">All plugins</a></li>
+            <li><a href="./javascript.html#modals">Modal</a></li>
+            <li><a href="./javascript.html#dropdowns">Dropdown</a></li>
+            <li><a href="./javascript.html#scrollspy">Scrollspy</a></li>
+            <li><a href="./javascript.html#tabs">Tab</a></li>
+            <li><a href="./javascript.html#tooltips">Tooltip</a></li>
+            <li><a href="./javascript.html#popovers">Popover</a></li>
+            <li><a href="./javascript.html#alerts">Alert</a></li>
+            <li><a href="./javascript.html#buttons">Button</a></li>
+            <li><a href="./javascript.html#collapse">Collapse</a></li>
+            <li><a href="./javascript.html#carousel">Carousel</a></li>
+            <li><a href="./javascript.html#typeahead">Typeahead</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./less.html">LESS</a>
+          <ul>
+            <li><a href="./less.html#builtWith">Built with Less</a></li>
+            <li><a href="./less.html#variables">Variables</a></li>
+            <li><a href="./less.html#mixins">Mixins</a></li>
+            <li><a href="./less.html#compiling">Compiling Bootstrap</a></li>
+          </ul>
+        </li>
+        <li class="">
+          <a href="./download.html">Customize</a>
+        </li>
+        <li class="">
+          <a href="./examples.html">Examples</a>
+        </li>
+      </ul>
     </div>
 
     <div class="bs-docs-container">
@@ -275,10 +308,10 @@
      <!-- Footer
       ================================================== -->
       <footer class="footer">
+        <p clas="right"><a href="#">Back to top</a></p>
         <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
         <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
         <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="#">Back to top</a></p>
       </footer>
 
     </div><!-- /container -->
author	Mark Otto <[email protected]>	2012-06-06 00:48:31 -0700
committer	Mark Otto <[email protected]>	2012-06-06 00:48:31 -0700
commit	2ecbd36cbf0cb8b2e894b2e36400e59a1c88eb1c (patch)
tree	8d45c88ac0b16cb46ef2fbe2378f8d8bce7a542a /docs
parent	10d68406fe5aa8e20183d02116f1a6e87b85a788 (diff)
download	bootstrap-2ecbd36cbf0cb8b2e894b2e36400e59a1c88eb1c.tar.xz bootstrap-2ecbd36cbf0cb8b2e894b2e36400e59a1c88eb1c.zip