remove dropdowns, add in sub nav instead

diff --git a/docs/base-css.html b/docs/base-css.html
index 8ac9134773e6363e2199f7a297075eb5953f0b01..df0c9c7ce99ef46b4592eefe0caaeb045d53800b 100644 (file)
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -34,71 +34,20 @@
           <a class="brand" href="./index.html">Bootstrap</a>
           <ul class="nav">
             <li><a href="./index.html">Overview</a></li>
-            <li class="dropdown">
-              <a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
-                Scaffolding
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./scaffolding.html#grid-system">Grid system</a></li>
-                <li><a href="./scaffolding.html#layouts">Layouts</a></li>
-                <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
-              </ul>
+            <li>
+              <a href="./scaffolding.html">Scaffolding</a>
             </li>
-            <li class="dropdown active">
-              <a href="./base-css.html" class="dropdown-toggle" data-toggle="dropdown">
-                Base CSS
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./base-css.html#typography">Typography</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 class="active">
+              <a href="./base-css.html">Base CSS</a>
             </li>
-            <li class="dropdown">
-              <a href="./components.html" class="dropdown-toggle" data-toggle="dropdown">
-                Components
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./components.html#buttonGroups">Button groups</a></li>
-                <li><a href="./components.html#buttonDropdowns">Split 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#thumbnails">Thumbnails</a></li>
-                <li><a href="./components.html#alerts">Alert messages</a></li>
-                <li><a href="./components.html#progress">Progress bars</a></li>
-              </ul>
+            <li>
+              <a href="./components.html">Components</a>
             </li>
-            <li class="dropdown">
-              <a href="./javascript.html" class="dropdown-toggle" data-toggle="dropdown">
-                Javascript plugins
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./javascript.html#javascript">Overview</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>
+              <a href="./javascript.html">Javascript plugins</a>
             </li>
             <li>
-              <a href="./less.html">
-                Using LESS
-              </a>
+              <a href="./less.html">Using LESS</a>
             </li>
           </ul>
         </div>
@@ -112,6 +61,13 @@
       <header class="jumbotron subhead" id="overview">
         <h1>Base CSS</h1>
         <p class="lead">On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.</p>
+        <ul class="nav pills">
+          <li><a href="./base-css.html#typography">Typography</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>
       </header>
 
 

diff --git a/docs/components.html b/docs/components.html
index 984e8c76d8ae55c0cda8d64d75d817a9155c80f8..47efee5ac7d447a5f7797bca6deff66f999e43ca 100755 (executable)
--- a/docs/components.html
+++ b/docs/components.html
@@ -34,71 +34,20 @@
           <a class="brand" href="./index.html">Bootstrap</a>
           <ul class="nav">
             <li><a href="./index.html">Overview</a></li>
-            <li class="dropdown">
-              <a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
-                Scaffolding
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./scaffolding.html#grid-system">Grid system</a></li>
-                <li><a href="./scaffolding.html#layouts">Layouts</a></li>
-                <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
-              </ul>
+            <li>
+              <a href="./scaffolding.html">Scaffolding</a>
             </li>
-            <li class="dropdown">
-              <a href="./base-css.html" class="dropdown-toggle" data-toggle="dropdown">
-                Base CSS
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./base-css.html#typography">Typography</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>
+              <a href="./base-css.html">Base CSS</a>
             </li>
-            <li class="dropdown active">
-              <a href="./components.html" class="dropdown-toggle" data-toggle="dropdown">
-                Components
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./components.html#buttonGroups">Button groups</a></li>
-                <li><a href="./components.html#buttonDropdowns">Split 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#thumbnails">Thumbnails</a></li>
-                <li><a href="./components.html#alerts">Alert messages</a></li>
-                <li><a href="./components.html#progress">Progress bars</a></li>
-              </ul>
+            <li class="active">
+              <a href="./components.html">Components</a>
             </li>
-            <li class="dropdown">
-              <a href="./javascript.html" class="dropdown-toggle" data-toggle="dropdown">
-                Javascript plugins
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./javascript.html#javascript">Overview</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>
+              <a href="./javascript.html">Javascript plugins</a>
             </li>
             <li>
-              <a href="./less.html">
-                Using LESS
-              </a>
+              <a href="./less.html">Using LESS</a>
             </li>
           </ul>
         </div>
@@ -112,6 +61,17 @@
       <header class="jumbotron subhead" id="overview">
         <h1>Components</h1>
         <p class="lead">Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.</p>
+        <ul class="nav pills">
+          <li><a href="./components.html#buttonGroups">Button groups</a></li>
+          <li><a href="./components.html#buttonDropdowns">Split 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#thumbnails">Thumbnails</a></li>
+          <li><a href="./components.html#alerts">Alert messages</a></li>
+          <li><a href="./components.html#progress">Progress bars</a></li>
+        </ul>
       </header>
 
 

diff --git a/docs/index.html b/docs/index.html
index ce56a04ef6b446de2f0656f154631d4bb8650942..eee32e0d48c8422681f0f422e333c956e36e82c7 100644 (file)
--- a/docs/index.html
+++ b/docs/index.html
@@ -35,71 +35,20 @@
           <a class="brand" href="./index.html">Bootstrap</a>
           <ul class="nav">
             <li class="active"><a href="./index.html">Overview</a></li>
-            <li class="dropdown">
-              <a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
-                Scaffolding
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./scaffolding.html#grid-system">Grid system</a></li>
-                <li><a href="./scaffolding.html#layouts">Layouts</a></li>
-                <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
-              </ul>
+            <li>
+              <a href="./scaffolding.html">Scaffolding</a>
             </li>
-            <li class="dropdown">
-              <a href="./base-css.html" class="dropdown-toggle" data-toggle="dropdown">
-                Base CSS
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./base-css.html#typography">Typography</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>
+              <a href="./base-css.html">Base CSS</a>
             </li>
-            <li class="dropdown">
-              <a href="./components.html" class="dropdown-toggle" data-toggle="dropdown">
-                Components
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./components.html#buttonGroups">Button groups</a></li>
-                <li><a href="./components.html#buttonDropdowns">Split 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#thumbnails">Thumbnails</a></li>
-                <li><a href="./components.html#alerts">Alert messages</a></li>
-                <li><a href="./components.html#progress">Progress bars</a></li>
-              </ul>
+            <li>
+              <a href="./components.html">Components</a>
             </li>
-            <li class="dropdown">
-              <a href="./javascript.html" class="dropdown-toggle" data-toggle="dropdown">
-                Javascript plugins
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./javascript.html#javascript">Overview</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>
+              <a href="./javascript.html">Javascript plugins</a>
             </li>
             <li>
-              <a href="./less.html">
-                Using LESS
-              </a>
+              <a href="./less.html">Using LESS</a>
             </li>
           </ul>
         </div>

diff --git a/docs/javascript.html b/docs/javascript.html
index 6a240c4d4b9fe538aab2d376b0f7c086d7713560..0a0a0c9efd5b997a49fb40ed92da7e8f649931f9 100644 (file)
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -35,71 +35,20 @@
           <a class="brand" href="./index.html">Bootstrap</a>
           <ul class="nav">
             <li><a href="./index.html">Overview</a></li>
-            <li class="dropdown">
-              <a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
-                Scaffolding
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./scaffolding.html#grid-system">Grid system</a></li>
-                <li><a href="./scaffolding.html#layouts">Layouts</a></li>
-                <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
-              </ul>
+            <li>
+              <a href="./scaffolding.html">Scaffolding</a>
             </li>
-            <li class="dropdown">
-              <a href="./base-css.html" class="dropdown-toggle" data-toggle="dropdown">
-                Base CSS
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./base-css.html#typography">Typography</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>
+              <a href="./base-css.html">Base CSS</a>
             </li>
-            <li class="dropdown">
-              <a href="./components.html" class="dropdown-toggle" data-toggle="dropdown">
-                Components
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./components.html#buttonGroups">Button groups</a></li>
-                <li><a href="./components.html#buttonDropdowns">Split 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#thumbnails">Thumbnails</a></li>
-                <li><a href="./components.html#alerts">Alert messages</a></li>
-                <li><a href="./components.html#progress">Progress bars</a></li>
-              </ul>
+            <li>
+              <a href="./components.html">Components</a>
             </li>
-            <li class="dropdown active">
-              <a href="./javascript.html" class="dropdown-toggle" data-toggle="dropdown">
-                Javascript plugins
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./javascript.html#javascript">Overview</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 class="active">
+              <a href="./javascript.html">Javascript plugins</a>
             </li>
             <li>
-              <a href="./less.html">
-                Using LESS
-              </a>
+              <a href="./less.html">Using LESS</a>
             </li>
           </ul>
         </div>
@@ -112,6 +61,20 @@
       <header class="jumbotron subhead" id="overview">
         <h1>Javascript for Bootstrap</h1>
         <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.
+        <ul class="nav pills">
+          <li><a href="./javascript.html#javascript">Overview</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>
       </header>
 
 

diff --git a/docs/less.html b/docs/less.html
index 09ff3e8e10945c09f8d6bd486834d838771616fe..0348c0cafaf4703741f33ac6a3a13435aa59dbc0 100644 (file)
--- a/docs/less.html
+++ b/docs/less.html
@@ -34,71 +34,20 @@
           <a class="brand" href="./index.html">Bootstrap</a>
           <ul class="nav">
             <li><a href="./index.html">Overview</a></li>
-            <li class="dropdown">
-              <a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
-                Scaffolding
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./scaffolding.html#grid-system">Grid system</a></li>
-                <li><a href="./scaffolding.html#layouts">Layouts</a></li>
-                <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
-              </ul>
+            <li>
+              <a href="./scaffolding.html">Scaffolding</a>
             </li>
-            <li class="dropdown">
-              <a href="./base-css.html" class="dropdown-toggle" data-toggle="dropdown">
-                Base CSS
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./base-css.html#typography">Typography</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>
+              <a href="./base-css.html">Base CSS</a>
             </li>
-            <li class="dropdown">
-              <a href="./components.html" class="dropdown-toggle" data-toggle="dropdown">
-                Components
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./components.html#buttonGroups">Button groups</a></li>
-                <li><a href="./components.html#buttonDropdowns">Split 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#thumbnails">Thumbnails</a></li>
-                <li><a href="./components.html#alerts">Alert messages</a></li>
-                <li><a href="./components.html#progress">Progress bars</a></li>
-              </ul>
+            <li>
+              <a href="./components.html">Components</a>
             </li>
-            <li class="dropdown">
-              <a href="./javascript.html" class="dropdown-toggle" data-toggle="dropdown">
-                Javascript plugins
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./javascript.html#javascript">Overview</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>
+              <a href="./javascript.html">Javascript plugins</a>
             </li>
             <li class="active">
-              <a href="./less.html">
-                Using LESS
-              </a>
+              <a href="./less.html">Using LESS</a>
             </li>
           </ul>
         </div>

diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index f068c837c717377a44ae39811a299517117f7504..4a27104c3385ba0b1d260e65f1418c5337eb9afa 100644 (file)
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -34,71 +34,20 @@
           <a class="brand" href="./index.html">Bootstrap</a>
           <ul class="nav">
             <li><a href="./index.html">Overview</a></li>
-            <li class="dropdown active">
-              <a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
-                Scaffolding
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./scaffolding.html#grid-system">Grid system</a></li>
-                <li><a href="./scaffolding.html#layouts">Layouts</a></li>
-                <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
-              </ul>
+            <li class="active">
+              <a href="./scaffolding.html">Scaffolding</a>
             </li>
-            <li class="dropdown">
-              <a href="./base-css.html" class="dropdown-toggle" data-toggle="dropdown">
-                Base CSS
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./base-css.html#typography">Typography</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>
+              <a href="./base-css.html">Base CSS</a>
             </li>
-            <li class="dropdown">
-              <a href="./components.html" class="dropdown-toggle" data-toggle="dropdown">
-                Components
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./components.html#buttonGroups">Button groups</a></li>
-                <li><a href="./components.html#buttonDropdowns">Split 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#thumbnails">Thumbnails</a></li>
-                <li><a href="./components.html#alerts">Alert messages</a></li>
-                <li><a href="./components.html#progress">Progress bars</a></li>
-              </ul>
+            <li>
+              <a href="./components.html">Components</a>
             </li>
-            <li class="dropdown">
-              <a href="./javascript.html" class="dropdown-toggle" data-toggle="dropdown">
-                Javascript plugins
-                <b class="caret"></b>
-              </a>
-              <ul class="dropdown-menu">
-                <li><a href="./javascript.html#javascript">Overview</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>
+              <a href="./javascript.html">Javascript plugins</a>
             </li>
             <li>
-              <a href="./less.html">
-                Using LESS
-              </a>
+              <a href="./less.html">Using LESS</a>
             </li>
           </ul>
         </div>
@@ -112,6 +61,11 @@
       <header class="jumbotron subhead" id="overview">
         <h1>Scaffolding</h1>
         <p class="lead">Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.</p>
+        <ul class="nav pills">
+          <li><a href="./scaffolding.html#grid-system">Grid system</a></li>
+          <li><a href="./scaffolding.html#layouts">Layouts</a></li>
+          <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
+        </ul>
       </header>