restore top navs entirely

8 files changed, 86 insertions, 33 deletions

diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache
index 779e10663..f48878014 100644
--- a/docs/templates/layout.mustache
+++ b/docs/templates/layout.mustache
@@ -45,7 +45,7 @@
     ================================================== -->
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
-        <div class="container">
+        <div class="bs-docs-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>
@@ -55,7 +55,7 @@
           <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="{{index}}">
-                <a href="./index.html">{{_i}}Overview{{/i}}</a>
+                <a href="./index.html">{{_i}}Home{{/i}}</a>
               </li>
               <li class="{{scaffolding}}">
                 <a href="./scaffolding.html">{{_i}}Scaffolding{{/i}}</a>
@@ -67,10 +67,10 @@
                 <a href="./components.html">{{_i}}Components{{/i}}</a>
               </li>
               <li class="{{javascript}}">
-                <a href="./javascript.html">{{_i}}Javascript plugins{{/i}}</a>
+                <a href="./javascript.html">{{_i}}Javascript{{/i}}</a>
               </li>
               <li class="{{less}}">
-                <a href="./less.html">{{_i}}Using LESS{{/i}}</a>
+                <a href="./less.html">{{_i}}LESS{{/i}}</a>
               </li>
               <li class="divider-vertical"></li>
               <li class="{{download}}">
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 1f0546657..9010bef7a 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -3,6 +3,16 @@
 <header class="jumbotron subhead" id="overview">
   <h1>{{_i}}Base CSS{{/i}}</h1>
   <p class="lead">{{_i}}On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.{{/i}}</p>
+  <div class="subnav">
+    <ul class="nav nav-pills">
+      <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>
+    </ul>
+  </div>
 </header>
 
 
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index d05eacf53..acdae3d92 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -3,6 +3,33 @@
 <header class="jumbotron subhead" id="overview">
   <h1>{{_i}}Components{{/i}}</h1>
   <p class="lead">{{_i}}Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.{{/i}}</p>
+  <div class="subnav">
+    <ul class="nav nav-pills">
+      <li class="dropdown">
+        <a class="dropdown-toggle" data-toggle="dropdown" href="#">{{_i}}Buttons{{/i}} <b class="caret"></b></a>
+        <ul class="dropdown-menu">
+          <li><a href="#buttonGroups">{{_i}}Button groups{{/i}}</a></li>
+          <li><a href="#buttonDropdowns">{{_i}}Button dropdowns{{/i}}</a></li>
+        </ul>
+      </li>
+      <li class="dropdown">
+        <a class="dropdown-toggle" data-toggle="dropdown" href="#">{{_i}}Navigation{{/i}} <b class="caret"></b></a>
+        <ul class="dropdown-menu">
+          <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>
+        </ul>
+      </li>
+      <li><a href="#labels">{{_i}}Labels{{/i}}</a></li>
+      <li><a href="#badges">{{_i}}Badges{{/i}}</a></li>
+      <li><a href="#typography">{{_i}}Typography{{/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}}Miscellaneous{{/i}}</a></li>
+    </ul>
+  </div>
 </header>
 
 
diff --git a/docs/templates/pages/download.mustache b/docs/templates/pages/download.mustache
index 03fbe3775..a01c14ab7 100644
--- a/docs/templates/pages/download.mustache
+++ b/docs/templates/pages/download.mustache
@@ -3,22 +3,18 @@
 <header class="jumbotron subhead" id="overview">
   <h1>{{_i}}Customize and download{{/i}}</h1>
   <p class="lead">{{_i}}<a href="https://github.com/twitter/bootstrap/zipball/master">Download the full repository</a> or customize your entire Bootstrap build by selecting only the components, javascript plugins, and assets you need.{{/i}}</p>
+  <div class="subnav">
+    <ul class="nav nav-pills">
+      <li><a href="#components">{{_i}}1. Choose components{{/i}}</a></li>
+      <li><a href="#plugins">{{_i}}2. Select jQuery plugins{{/i}}</a></li>
+      <li><a href="#variables">{{_i}}3. Customize variables{{/i}}</a></li>
+      <li><a href="#download">{{_i}}4. Download{{/i}}</a></li>
+    </ul>
+  </div>
 </header>
 
 
 
-<section id="contents">
-  <div class="bs-docs-contents">
-    <h3>{{_i}}Contents{{/i}}</h3>
-    <ol>
-      <li><a href="#components">{{_i}}Choose components{{/i}}</a></li>
-      <li><a href="#plugins">{{_i}}Select jQuery plugins{{/i}}</a></li>
-      <li><a href="#variables">{{_i}}Customize variables{{/i}}</a></li>
-      <li><a href="#download">{{_i}}Download{{/i}}</a></li>
-    </ol>
-  </div>
-</section>
-
 <form>
   <section class="download" id="components">
     <div class="page-header">
diff --git a/docs/templates/pages/index.mustache b/docs/templates/pages/index.mustache
index bee3fc19c..fe7a02717 100644
--- a/docs/templates/pages/index.mustache
+++ b/docs/templates/pages/index.mustache
@@ -41,7 +41,7 @@
   <h1>{{_i}}Designed for everyone, everywhere.{{/i}}</h1>
   <p class="marketing-byline">{{_i}}Need reasons to love Bootstrap? Look no further.{{/i}}</p>
   <div class="row">
-    <div class="span4">
+    <div class="span5">
       <img class="bs-icon" src="assets/img/glyphicons/glyphicons_042_group.png">
       <h2>{{_i}}Built for and by nerds{{/i}}</h2>
       <p>{{_i}}We love building awesome products on the web just like you, so we made Bootstrap. No matter your skill level, use it as a complete kit or use to start something more complex.{{/i}}</p>
@@ -58,7 +58,7 @@
       <h2>{{_i}}Responsive design{{/i}}</h2>
       <p>{{_i}}As of Bootstrap 2, our components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.{{/i}}</p>
     </div>
-    <div class="span4">
+    <div class="span5">
       <img class="bs-icon" src="assets/img/glyphicons/glyphicons_266_book_open.png">
       <h2>{{_i}}Styleguide docs{{/i}}</h2>
       <p>{{_i}}Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.{{/i}}</p>
@@ -82,26 +82,26 @@
   <h1>{{_i}}Built with Bootstrap.{{/i}}</h1>
   <p class="marketing-byline">{{_i}}For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.{{/i}}</p>
   <ul class="thumbnails example-sites">
-    <li class="span2">
+    <li class="span3">
       <a class="thumbnail" href="http://soundready.fm/" target="_blank">
         <img src="assets/img/example-sites/soundready.png" alt="SoundReady.fm">
       </a>
     </li>
-    <li class="span2">
+    <li class="span3">
       <a class="thumbnail" href="http://kippt.com/" target="_blank">
         <img src="assets/img/example-sites/kippt.png" alt="Kippt">
       </a>
     </li>
-    <li class="span2">
+    <li class="span3">
       <a class="thumbnail" href="http://www.fleetio.com/" target="_blank">
         <img src="assets/img/example-sites/fleetio.png" alt="Fleetio">
       </a>
     </li>
-    <li class="span2">
+<!--     <li class="span2">
       <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
         <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
       </a>
     </li>
-  </ul>
+ -->  </ul>
 
 </div><!-- /.marketing -->
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 30872b1e1..f4eb8969b 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -3,6 +3,22 @@
 <header class="jumbotron subhead" id="overview">
   <h1>{{_i}}Javascript for Bootstrap{{/i}}</h1>
   <p class="lead">{{_i}}Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.{{/i}}
+  <div class="subnav">
+    <ul class="nav nav-pills">
+      <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>
+    </ul>
+  </div>
 </header>
 
 
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index fe33cd247..6606f4ca8 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -3,21 +3,15 @@
 <header class="jumbotron subhead" id="overview">
   <h1>{{_i}}Using LESS with Bootstrap{{/i}}</h1>
   <p class="lead">{{_i}}Customize and extend Bootstrap with <a href="http://lesscss.org" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.{{/i}}</p>
-</header>
-
-
-
-<section id="contents">
-  <div class="bs-docs-contents">
-    <h3>{{_i}}Contents{{/i}}</h3>
-    <ol>
+  <div class="subnav">
+    <ul class="nav nav-pills">
       <li><a href="#builtWith">{{_i}}Built with Less{{/i}}</a></li>
       <li><a href="#variables">{{_i}}Variables{{/i}}</a></li>
       <li><a href="#mixins">{{_i}}Mixins{{/i}}</a></li>
       <li><a href="#compiling">{{_i}}Compiling Bootstrap{{/i}}</a></li>
-    </ol>
+    </ul>
   </div>
-</section>
+</header>
 
 
 
diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
index 3ccc87a2b..850654aa3 100644
--- a/docs/templates/pages/scaffolding.mustache
+++ b/docs/templates/pages/scaffolding.mustache
@@ -3,6 +3,16 @@
 <header class="jumbotron subhead" id="overview">
   <h1>{{_i}}Scaffolding{{/i}}</h1>
   <p class="lead">{{_i}}Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.{{/i}}</p>
+  <div class="subnav">
+    <ul class="nav nav-pills">
+      <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>
+    </ul>
+  </div>
 </header>