move from downloads.html to customize.html to better match purpose of page, fix up customize page layout to match other docs, link style refinement to jumbotrons

16 files changed, 905 insertions, 894 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index f16cb7442e..e4dd2e966d 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -118,19 +118,41 @@ hr.soften {
   line-height: 30px;
   margin-bottom: 30px;
 }
-.jumbotron .btn-large {
-  font-size: 18px;
-  font-weight: normal;
-  padding: 13px 24px;
-  margin-right: 10px;
+
+/* Link styles (used on .masthead-links as well) */
+.jumbotron a {
+  color: #fff;
+  color: rgba(255,255,255,.5);
+  -webkit-transition: all .2s ease-in-out;
+     -moz-transition: all .2s ease-in-out;
+          transition: all .2s ease-in-out;
+}
+.jumbotron a:hover {
+  color: #fff;
+  text-shadow: 0 0 10px rgba(255,255,255,.25);
+}
+
+/* Download button */
+.masthead .btn {
+  padding: 14px 24px;
+  font-size: 24px;
+  font-weight: 200;
+  color: #fff; /* redeclare to override the `.jumbotron a` */
+  border: 0;
   -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
           border-radius: 6px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
 }
-.jumbotron .btn-large small {
-  font-size: 14px;
+.masthead .btn:active {
+  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
+     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
+          box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
 }
 
+
 /* Pattern overlay
 ------------------------- */
 .jumbotron .container {
@@ -167,22 +189,6 @@ hr.soften {
   line-height: 1.25;
 }
 
-/* Drop borders on buttons, improve shadows */
-.masthead .btn {
-  font-size: 24px;
-  padding: 14px 24px;
-  font-weight: 200;
-  border: 0;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-}
-.masthead .btn:active {
-  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
-     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
-          box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
-}
-
 /* Textual links in masthead */
 .masthead-links {
   margin: 0;
@@ -193,17 +199,6 @@ hr.soften {
   padding: 0 10px;
   color: rgba(255,255,255,.25);
 }
-.masthead-links a {
-  color: #fff;
-  color: rgba(255,255,255,.5);
-  -webkit-transition: all .2s ease-in-out;
-     -moz-transition: all .2s ease-in-out;
-          transition: all .2s ease-in-out;
-}
-.masthead-links a:hover {
-  color: #fff;
-  text-shadow: 0 0 10px rgba(255,255,255,.25);
-}
 
 /* Social proof buttons from GitHub & Twitter */
 .bs-docs-social {
diff --git a/docs/base-css.html b/docs/base-css.html
index a23008dd1a..8713a1b258 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -61,7 +61,7 @@
                 <a href="./javascript.html">Javascript</a>
               </li>
               <li class="">
-                <a href="./extend.html">Extend</a>
+                <a href="./customize.html">Customize</a>
               </li>
             </ul>
           </div>
diff --git a/docs/components.html b/docs/components.html
index 7a25db4dd0..11a23efb61 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -61,7 +61,7 @@
                 <a href="./javascript.html">Javascript</a>
               </li>
               <li class="">
-                <a href="./extend.html">Extend</a>
+                <a href="./customize.html">Customize</a>
               </li>
             </ul>
           </div>
@@ -113,7 +113,7 @@
         </div>
 
         <h2>Example</h2>
-        <p>An isolated (without dropdown toggle) dropdown menu example, designed to be used with the <a href="./javascript.html#dropdowns">dropdown javascript plugin</a>.</p>
+        <p>Toggleable, contextual menu for displaying lists of links. Made interactive with the <a href="./javascript.html#dropdowns">dropdown javascript plugin</a>.</p>
         <div class="bs-docs-example">
           <div class="dropdown clearfix">
             <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px;">
@@ -140,26 +140,20 @@
 
 
         <h2>Markup</h2>
-        <p>Dropdowns require...</p>
+        <p>Looking at just the dropdown menu, here's the required HTML. You need to wrap the dropdown's trigger and the dropdown menu within <code>.dropdown</code>, or another element that declares <code>position: relative;</code>. Then just create the menu.</p>
 
 <pre class="prettyprint linenums">
-&lt;ul class="nav nav-pills"&gt;
-  &lt;li class="active"&gt;&lt;a href="#"&gt;Regular link&lt;/a&gt;&lt;/li&gt;
-  &lt;li class="dropdown" id="menu1"&gt;
-    &lt;a id="dLabel" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#menu1"&gt;
-      Dropdown
-      &lt;b class="caret"&gt;&lt;/b&gt;
-    &lt;/a&gt;
-    &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&gt;
-      &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
-      &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
-      &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
-      &lt;li class="divider"&gt;&lt;/li&gt;
-      &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
-    &lt;/ul&gt;
-  &lt;/li&gt;
-  ...
-&lt;/ul&gt;</pre>
+&lt;div class="dropdown"&gt;
+  &lt;!-- Link or button to toggle dropdown --&gt;
+  &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&gt;
+    &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
+    &lt;li class="divider"&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
+  &lt;/ul&gt;
+&lt;/div&gt;
+</pre>
 
 
         <hr class="bs-docs-separator">
diff --git a/docs/customize.html b/docs/customize.html
new file mode 100644
index 0000000000..251da8691f
--- /dev/null
+++ b/docs/customize.html
@@ -0,0 +1,476 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Customize · Twitter Bootstrap</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <!-- Le styles -->
+    <link href="assets/css/bootstrap.css" rel="stylesheet">
+    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
+    <link href="assets/css/docs.css" rel="stylesheet">
+    <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
+
+    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+
+    <!-- Le fav and touch icons -->
+    <link rel="shortcut icon" href="assets/ico/favicon.ico">
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
+
+  </head>
+
+  <body data-spy="scroll" data-target=".bs-docs-sidebar" data-offset="10">
+
+    <!-- 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">Home</a>
+              </li>
+              <li class="">
+                <a href="./getting-started.html">Get started</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</a>
+              </li>
+              <li class="active">
+                <a href="./customize.html">Customize</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+
+<!-- Masthead
+================================================== -->
+<header class="jumbotron subhead" id="overview">
+  <div class="container">
+    <h1>Customize and download</h1>
+    <p class="lead"><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.</p>
+  </div>
+</header>
+
+<div class="container">
+
+
+  <!-- Docs nav
+  ================================================== -->
+  <div class="row">
+    <div class="span3 bs-docs-sidebar">
+      <ul class="nav nav-list bs-docs-sidenav">
+        <li><a href="#components">1. Choose components</a></li>
+        <li><a href="#plugins">2. Select jQuery plugins</a></li>
+        <li><a href="#variables">3. Customize variables</a></li>
+        <li><a href="#download">4. Download</a></li>
+      </ul>
+    </div>
+    <div class="span9">
+
+
+
+      <!-- Customize form
+      ================================================== -->
+      <form>
+        <section class="download" id="components">
+          <div class="page-header">
+            <a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
+            <h1>
+              1. Choose components
+            </h1>
+          </div>
+          <div class="row download-builder">
+            <div class="span3">
+              <h3>Scaffolding</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="reset.less"> Normalize and reset</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="scaffolding.less"> Body type and links</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="grid.less"> Grid system</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="layouts.less"> Layouts</label>
+              <h3>Base CSS</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="type.less"> Headings, body, etc</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="code.less"> Code and pre</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="labels-badges.less"> Labels and badges</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="tables.less"> Tables</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="forms.less"> Forms</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="buttons.less"> Buttons</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="sprites.less"> Icons</label>
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>Components</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="button-groups.less"> Button groups and dropdowns</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="navs.less"> Navs, tabs, and pills</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="navbar.less"> Navbar</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="breadcrumbs.less"> Breadcrumbs</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="pagination.less"> Pagination</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="pager.less"> Pager</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="thumbnails.less"> Thumbnails</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="alerts.less"> Alerts</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="progress-bars.less"> Progress bars</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="hero-unit.less"> Hero unit</label>
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>JS Components</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="tooltip.less"> Tooltips</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="popovers.less"> Popovers</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="modals.less"> Modals</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="dropdowns.less"> Dropdowns</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="accordion.less"> Collapse</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> Carousel</label>
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>Miscellaneous</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="wells.less"> Wells</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="close.less"> Close icon</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="utilities.less"> Utilities</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="component-animations.less"> Component animations</label>
+              <h3>Responsive</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-utilities.less"> Visible/hidden classes</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-767px-max.less"> Narrow tablets and below (<767px)</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-768px-979px.less"> Tablets to desktops (767-979px)</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-1200px-min.less"> Large desktops (>1200px)</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-navbar.less"> Responsive navbar</label>
+            </div><!-- /span -->
+          </div><!-- /row -->
+        </section>
+
+        <section class="download" id="plugins">
+          <div class="page-header">
+            <a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
+            <h1>
+              2. Select jQuery plugins
+            </h1>
+          </div>
+          <div class="row download-builder">
+            <div class="span4">
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-transition.js">
+                Transitions <small>(required for any animation)</small>
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-modal.js">
+                Modals
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-dropdown.js">
+                Dropdowns
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-scrollspy.js">
+                Scrollspy
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-tab.js">
+                Togglable tabs
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-tooltip.js">
+                Tooltips
+              </label>
+            </div><!-- /span -->
+            <div class="span4">
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-popover.js">
+                Popovers <small>(requires Tooltips)</small>
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-alert.js">
+                Alert messages
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-button.js">
+                Buttons
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-collapse.js">
+                Collapse
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-carousel.js">
+                Carousel
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-typeahead.js">
+                Typeahead
+              </label>
+            </div><!-- /span -->
+            <div class="span4">
+              <h4 class="muted">Heads up!</h4>
+              <p class="muted">All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.</p>
+            </div><!-- /span -->
+          </div><!-- /row -->
+        </section>
+
+
+        <section class="download" id="variables">
+          <div class="page-header">
+            <a class="btn btn-small pull-right toggle-all" href="#">Reset to defaults</a>
+            <h1>
+              3. Customize variables
+            </h1>
+          </div>
+          <div class="row download-builder">
+            <div class="span3">
+              <h3>Scaffolding</h3>
+              <label>@bodyBackground</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@textColor</label>
+              <input type="text" class="span3" placeholder="@grayDark">
+
+              <h3>Links</h3>
+              <label>@linkColor</label>
+              <input type="text" class="span3" placeholder="#08c">
+              <label>@linkColorHover</label>
+              <input type="text" class="span3" placeholder="darken(@linkColor, 15%)">
+              <h3>Colors</h3>
+              <label>@blue</label>
+              <input type="text" class="span3" placeholder="#049cdb">
+              <label>@green</label>
+              <input type="text" class="span3" placeholder="#46a546">
+              <label>@red</label>
+              <input type="text" class="span3" placeholder="#9d261d">
+              <label>@yellow</label>
+              <input type="text" class="span3" placeholder="#ffc40d">
+              <label>@orange</label>
+              <input type="text" class="span3" placeholder="#f89406">
+              <label>@pink</label>
+              <input type="text" class="span3" placeholder="#c3325f">
+              <label>@purple</label>
+              <input type="text" class="span3" placeholder="#7a43b6">
+
+              <h3>Sprites</h3>
+              <label>@iconSpritePath</label>
+              <input type="text" class="span3" placeholder="'../img/glyphicons-halflings.png'">
+              <label>@iconWhiteSpritePath</label>
+              <input type="text" class="span3" placeholder="'../img/glyphicons-halflings-white.png'">
+
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>Grid system</h3>
+              <label>@gridColumns</label>
+              <input type="text" class="span3" placeholder="12">
+              <label>@gridColumnWidth</label>
+              <input type="text" class="span3" placeholder="60px">
+              <label>@gridGutterWidth</label>
+              <input type="text" class="span3" placeholder="20px">
+              <label>@gridColumnWidth1200</label>
+              <input type="text" class="span3" placeholder="70px">
+              <label>@gridGutterWidth1200</label>
+              <input type="text" class="span3" placeholder="30px">
+              <label>@gridColumnWidth768</label>
+              <input type="text" class="span3" placeholder="42px">
+              <label>@gridGutterWidth768</label>
+              <input type="text" class="span3" placeholder="20px">
+
+              <h3>Typography</h3>
+              <label>@sansFontFamily</label>
+              <input type="text" class="span3" placeholder="'Helvetica Neue', Helvetica, Arial, sans-serif">
+              <label>@serifFontFamily</label>
+              <input type="text" class="span3" placeholder="Georgia, 'Times New Roman', Times, serif">
+              <label>@monoFontFamily</label>
+              <input type="text" class="span3" placeholder="Menlo, Monaco, 'Courier New', monospace">
+              <label>@baseFontSize</label>
+              <input type="text" class="span3" placeholder="13px">
+              <label>@baseFontFamily</label>
+              <input type="text" class="span3" placeholder="@sansFontFamily">
+              <label>@baseLineHeight</label>
+              <input type="text" class="span3" placeholder="18px">
+              <label>@altFontFamily</label>
+              <input type="text" class="span3" placeholder="@serifFontFamily">
+              <label>@headingsFontFamily</label>
+              <input type="text" class="span3" placeholder="inherit">
+              <label>@headingsFontWeight</label>
+              <input type="text" class="span3" placeholder="bold">
+              <label>@headingsColor</label>
+              <input type="text" class="span3" placeholder="inherit">
+              <label>@heroUnitBackground</label>
+              <input type="text" class="span3" placeholder="@grayLighter">
+              <label>@heroUnitHeadingColor</label>
+              <input type="text" class="span3" placeholder="inherit">
+              <label>@heroUnitLeadColor</label>
+              <input type="text" class="span3" placeholder="inherit">
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>Tables</h3>
+              <label>@tableBackground</label>
+              <input type="text" class="span3" placeholder="transparent">
+              <label>@tableBackgroundAccent</label>
+              <input type="text" class="span3" placeholder="#f9f9f9">
+              <label>@tableBackgroundHover</label>
+              <input type="text" class="span3" placeholder="#f5f5f5">
+              <label>@tableBorder</label>
+              <input type="text" class="span3" placeholder="#ddd">
+
+              <h3>Navbar</h3>
+              <label>@navbarHeight</label>
+              <input type="text" class="span3" placeholder="40px">
+              <label>@navbarBackground</label>
+              <input type="text" class="span3" placeholder="@grayDarker">
+              <label>@navbarBackgroundHighlight</label>
+              <input type="text" class="span3" placeholder="@grayDark">
+              <label>@navbarText</label>
+              <input type="text" class="span3" placeholder="@grayLight">
+              <label>@navbarBrandColor</label>
+              <input type="text" class="span3" placeholder="@navbarLinkColor">
+              <label>@navbarLinkColor</label>
+              <input type="text" class="span3" placeholder="@grayLight">
+              <label>@navbarLinkColorHover</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@navbarLinkColorActive</label>
+              <input type="text" class="span3" placeholder="@navbarLinkColorHover">
+              <label>@navbarLinkBackgroundHover</label>
+              <input type="text" class="span3" placeholder="transparent">
+              <label>@navbarLinkBackgroundActive</label>
+              <input type="text" class="span3" placeholder="@navbarBackground">
+              <label>@navbarSearchBackground</label>
+              <input type="text" class="span3" placeholder="lighten(@navbarBackground, 25%)">
+              <label>@navbarSearchBackgroundFocus</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@navbarSearchBorder</label>
+              <input type="text" class="span3" placeholder="darken(@navbarSearchBackground, 30%)">
+              <label>@navbarSearchPlaceholderColor</label>
+              <input type="text" class="span3" placeholder="#ccc">
+
+              <h3>Dropdowns</h3>
+              <label>@dropdownBackground</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@dropdownBorder</label>
+              <input type="text" class="span3" placeholder="rgba(0,0,0,.2)">
+              <label>@dropdownLinkColor</label>
+              <input type="text" class="span3" placeholder="@grayDark">
+              <label>@dropdownLinkColorHover</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@dropdownLinkBackgroundHover</label>
+              <input type="text" class="span3" placeholder="@linkColor">
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>Forms</h3>
+              <label>@placeholderText</label>
+              <input type="text" class="span3" placeholder="@grayLight">
+              <label>@inputBackground</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@inputBorder</label>
+              <input type="text" class="span3" placeholder="#ccc">
+              <label>@inputBorderRadius</label>
+              <input type="text" class="span3" placeholder="3px">
+              <label>@inputDisabledBackground</label>
+              <input type="text" class="span3" placeholder="@grayLighter">
+              <label>@formActionsBackground</label>
+              <input type="text" class="span3" placeholder="#f5f5f5">
+
+              <label>@btnPrimaryBackground</label>
+              <input type="text" class="span3" placeholder="@linkColor">
+              <label>@btnPrimaryBackgroundHighlight</label>
+              <input type="text" class="span3" placeholder="darken(@white, 10%);">
+
+              <h3>Form states &amp; alerts</h3>
+              <label>@warningText</label>
+              <input type="text" class="span3" placeholder="#c09853">
+              <label>@warningBackground</label>
+              <input type="text" class="span3" placeholder="#fcf8e3">
+              <label>@errorText</label>
+              <input type="text" class="span3" placeholder="#b94a48">
+              <label>@errorBackground</label>
+              <input type="text" class="span3" placeholder="#f2dede">
+              <label>@successText</label>
+              <input type="text" class="span3" placeholder="#468847">
+              <label>@successBackground</label>
+              <input type="text" class="span3" placeholder="#dff0d8">
+              <label>@infoText</label>
+              <input type="text" class="span3" placeholder="#3a87ad">
+              <label>@infoBackground</label>
+              <input type="text" class="span3" placeholder="#d9edf7">
+            </div><!-- /span -->
+          </div><!-- /row -->
+        </section>
+
+        <section class="download" id="download">
+          <div class="page-header">
+            <h1>
+              4. Download
+            </h1>
+          </div>
+          <div class="download-btn">
+            <a class="btn btn-primary" href="#" >Customize and Download</a>
+            <h4>What's included?</h4>
+            <p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
+          </div>
+        </section><!-- /download -->
+      </form>
+
+
+
+    </div>
+  </div>
+
+</div>
+
+
+
+   <!-- Footer
+    ================================================== -->
+    <footer class="footer">
+      <div class="container">
+        <p class="pull-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>
+        <ul class="footer-links">
+          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
+          <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
+        </ul>
+      </div>
+    </footer>
+
+
+
+    <!-- Le javascript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+    <script src="assets/js/jquery.js"></script>
+    <script src="assets/js/google-code-prettify/prettify.js"></script>
+    <script src="assets/js/bootstrap-transition.js"></script>
+    <script src="assets/js/bootstrap-alert.js"></script>
+    <script src="assets/js/bootstrap-modal.js"></script>
+    <script src="assets/js/bootstrap-dropdown.js"></script>
+    <script src="assets/js/bootstrap-scrollspy.js"></script>
+    <script src="assets/js/bootstrap-tab.js"></script>
+    <script src="assets/js/bootstrap-tooltip.js"></script>
+    <script src="assets/js/bootstrap-popover.js"></script>
+    <script src="assets/js/bootstrap-button.js"></script>
+    <script src="assets/js/bootstrap-collapse.js"></script>
+    <script src="assets/js/bootstrap-carousel.js"></script>
+    <script src="assets/js/bootstrap-typeahead.js"></script>
+    <script src="assets/js/application.js"></script>
+
+
+  </body>
+</html>
diff --git a/docs/download.html b/docs/download.html
deleted file mode 100644
index 9c637ca2c4..0000000000
--- a/docs/download.html
+++ /dev/null
@@ -1,462 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <title>Download · Twitter Bootstrap</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="">
-    <meta name="author" content="">
-
-    <!-- Le styles -->
-    <link href="assets/css/bootstrap.css" rel="stylesheet">
-    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
-    <link href="assets/css/docs.css" rel="stylesheet">
-    <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
-
-    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
-    <!--[if lt IE 9]>
-      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-
-    <!-- Le fav and touch icons -->
-    <link rel="shortcut icon" href="assets/ico/favicon.ico">
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
-
-  </head>
-
-  <body data-spy="scroll" data-target=".bs-docs-sidebar" data-offset="10">
-
-    <!-- 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">Home</a>
-              </li>
-              <li class="">
-                <a href="./getting-started.html">Get started</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</a>
-              </li>
-              <li class="">
-                <a href="./extend.html">Extend</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-
-<!-- Masthead
-================================================== -->
-<header class="jumbotron subhead" id="overview">
-  <h1>Customize and download</h1>
-  <p class="lead"><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.</p>
-  <div class="navbar navbar-subnav">
-    <div class="navbar-inner">
-      <ul class="nav">
-        <li><a href="#components">1. Choose components</a></li>
-        <li><a href="#plugins">2. Select jQuery plugins</a></li>
-        <li><a href="#variables">3. Customize variables</a></li>
-        <li><a href="#download">4. Download</a></li>
-      </ul>
-    </div>
-  </div>
-</header>
-
-
-
-<form>
-  <section class="download" id="components">
-    <div class="page-header">
-      <a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
-      <h1>
-        1. Choose components
-        <small>Get just the CSS you need</small>
-      </h1>
-    </div>
-    <div class="row download-builder">
-      <div class="span3">
-        <h3>Scaffolding</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="reset.less"> Normalize and reset</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="scaffolding.less"> Body type and links</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="grid.less"> Grid system</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="layouts.less"> Layouts</label>
-        <h3>Base CSS</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="type.less"> Headings, body, etc</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="code.less"> Code and pre</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="labels-badges.less"> Labels and badges</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="tables.less"> Tables</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="forms.less"> Forms</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="buttons.less"> Buttons</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="sprites.less"> Icons</label>
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>Components</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="button-groups.less"> Button groups and dropdowns</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="navs.less"> Navs, tabs, and pills</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="navbar.less"> Navbar</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="breadcrumbs.less"> Breadcrumbs</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="pagination.less"> Pagination</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="pager.less"> Pager</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="thumbnails.less"> Thumbnails</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="alerts.less"> Alerts</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="progress-bars.less"> Progress bars</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="hero-unit.less"> Hero unit</label>
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>JS Components</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="tooltip.less"> Tooltips</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="popovers.less"> Popovers</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="modals.less"> Modals</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="dropdowns.less"> Dropdowns</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="accordion.less"> Collapse</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> Carousel</label>
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>Miscellaneous</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="wells.less"> Wells</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="close.less"> Close icon</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="utilities.less"> Utilities</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="component-animations.less"> Component animations</label>
-        <h3>Responsive</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-utilities.less"> Visible/hidden classes</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-767px-max.less"> Narrow tablets and below (<767px)</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-768px-979px.less"> Tablets to desktops (767-979px)</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-1200px-min.less"> Large desktops (>1200px)</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-navbar.less"> Responsive navbar</label>
-      </div><!-- /span -->
-    </div><!-- /row -->
-  </section>
-
-  <section class="download" id="plugins">
-    <div class="page-header">
-      <a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
-      <h1>
-        2. Select jQuery plugins
-        <small>Quickly add only the necessary javascript</small>
-      </h1>
-    </div>
-    <div class="row download-builder">
-      <div class="span4">
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-transition.js">
-          Transitions <small>(required for any animation)</small>
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-modal.js">
-          Modals
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-dropdown.js">
-          Dropdowns
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-scrollspy.js">
-          Scrollspy
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-tab.js">
-          Togglable tabs
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-tooltip.js">
-          Tooltips
-        </label>
-      </div><!-- /span -->
-      <div class="span4">
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-popover.js">
-          Popovers <small>(requires Tooltips)</small>
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-alert.js">
-          Alert messages
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-button.js">
-          Buttons
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-collapse.js">
-          Collapse
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-carousel.js">
-          Carousel
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-typeahead.js">
-          Typeahead
-        </label>
-      </div><!-- /span -->
-      <div class="span4">
-        <h4 class="muted">Heads up!</h4>
-        <p class="muted">All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.</p>
-      </div><!-- /span -->
-    </div><!-- /row -->
-  </section>
-
-
-  <section class="download" id="variables">
-    <div class="page-header">
-      <a class="btn btn-small pull-right toggle-all" href="#">Reset to defaults</a>
-      <h1>
-        3. Customize variables
-        <small>Optionally modify Bootstrap without a compiler</small>
-      </h1>
-    </div>
-    <div class="row download-builder">
-      <div class="span3">
-        <h3>Scaffolding</h3>
-        <label>@bodyBackground</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@textColor</label>
-        <input type="text" class="span3" placeholder="@grayDark">
-
-        <h3>Links</h3>
-        <label>@linkColor</label>
-        <input type="text" class="span3" placeholder="#08c">
-        <label>@linkColorHover</label>
-        <input type="text" class="span3" placeholder="darken(@linkColor, 15%)">
-        <h3>Colors</h3>
-        <label>@blue</label>
-        <input type="text" class="span3" placeholder="#049cdb">
-        <label>@green</label>
-        <input type="text" class="span3" placeholder="#46a546">
-        <label>@red</label>
-        <input type="text" class="span3" placeholder="#9d261d">
-        <label>@yellow</label>
-        <input type="text" class="span3" placeholder="#ffc40d">
-        <label>@orange</label>
-        <input type="text" class="span3" placeholder="#f89406">
-        <label>@pink</label>
-        <input type="text" class="span3" placeholder="#c3325f">
-        <label>@purple</label>
-        <input type="text" class="span3" placeholder="#7a43b6">
-
-        <h3>Sprites</h3>
-        <label>@iconSpritePath</label>
-        <input type="text" class="span3" placeholder="'../img/glyphicons-halflings.png'">
-        <label>@iconWhiteSpritePath</label>
-        <input type="text" class="span3" placeholder="'../img/glyphicons-halflings-white.png'">
-
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>Grid system</h3>
-        <label>@gridColumns</label>
-        <input type="text" class="span3" placeholder="12">
-        <label>@gridColumnWidth</label>
-        <input type="text" class="span3" placeholder="60px">
-        <label>@gridGutterWidth</label>
-        <input type="text" class="span3" placeholder="20px">
-        <label>@gridColumnWidth1200</label>
-        <input type="text" class="span3" placeholder="70px">
-        <label>@gridGutterWidth1200</label>
-        <input type="text" class="span3" placeholder="30px">
-        <label>@gridColumnWidth768</label>
-        <input type="text" class="span3" placeholder="42px">
-        <label>@gridGutterWidth768</label>
-        <input type="text" class="span3" placeholder="20px">
-
-        <h3>Typography</h3>
-        <label>@sansFontFamily</label>
-        <input type="text" class="span3" placeholder="'Helvetica Neue', Helvetica, Arial, sans-serif">
-        <label>@serifFontFamily</label>
-        <input type="text" class="span3" placeholder="Georgia, 'Times New Roman', Times, serif">
-        <label>@monoFontFamily</label>
-        <input type="text" class="span3" placeholder="Menlo, Monaco, 'Courier New', monospace">
-        <label>@baseFontSize</label>
-        <input type="text" class="span3" placeholder="13px">
-        <label>@baseFontFamily</label>
-        <input type="text" class="span3" placeholder="@sansFontFamily">
-        <label>@baseLineHeight</label>
-        <input type="text" class="span3" placeholder="18px">
-        <label>@altFontFamily</label>
-        <input type="text" class="span3" placeholder="@serifFontFamily">
-        <label>@headingsFontFamily</label>
-        <input type="text" class="span3" placeholder="inherit">
-        <label>@headingsFontWeight</label>
-        <input type="text" class="span3" placeholder="bold">
-        <label>@headingsColor</label>
-        <input type="text" class="span3" placeholder="inherit">
-        <label>@heroUnitBackground</label>
-        <input type="text" class="span3" placeholder="@grayLighter">
-        <label>@heroUnitHeadingColor</label>
-        <input type="text" class="span3" placeholder="inherit">
-        <label>@heroUnitLeadColor</label>
-        <input type="text" class="span3" placeholder="inherit">
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>Tables</h3>
-        <label>@tableBackground</label>
-        <input type="text" class="span3" placeholder="transparent">
-        <label>@tableBackgroundAccent</label>
-        <input type="text" class="span3" placeholder="#f9f9f9">
-        <label>@tableBackgroundHover</label>
-        <input type="text" class="span3" placeholder="#f5f5f5">
-        <label>@tableBorder</label>
-        <input type="text" class="span3" placeholder="#ddd">
-
-        <h3>Navbar</h3>
-        <label>@navbarHeight</label>
-        <input type="text" class="span3" placeholder="40px">
-        <label>@navbarBackground</label>
-        <input type="text" class="span3" placeholder="@grayDarker">
-        <label>@navbarBackgroundHighlight</label>
-        <input type="text" class="span3" placeholder="@grayDark">
-        <label>@navbarText</label>
-        <input type="text" class="span3" placeholder="@grayLight">
-        <label>@navbarBrandColor</label>
-        <input type="text" class="span3" placeholder="@navbarLinkColor">
-        <label>@navbarLinkColor</label>
-        <input type="text" class="span3" placeholder="@grayLight">
-        <label>@navbarLinkColorHover</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@navbarLinkColorActive</label>
-        <input type="text" class="span3" placeholder="@navbarLinkColorHover">
-        <label>@navbarLinkBackgroundHover</label>
-        <input type="text" class="span3" placeholder="transparent">
-        <label>@navbarLinkBackgroundActive</label>
-        <input type="text" class="span3" placeholder="@navbarBackground">
-        <label>@navbarSearchBackground</label>
-        <input type="text" class="span3" placeholder="lighten(@navbarBackground, 25%)">
-        <label>@navbarSearchBackgroundFocus</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@navbarSearchBorder</label>
-        <input type="text" class="span3" placeholder="darken(@navbarSearchBackground, 30%)">
-        <label>@navbarSearchPlaceholderColor</label>
-        <input type="text" class="span3" placeholder="#ccc">
-
-        <h3>Dropdowns</h3>
-        <label>@dropdownBackground</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@dropdownBorder</label>
-        <input type="text" class="span3" placeholder="rgba(0,0,0,.2)">
-        <label>@dropdownLinkColor</label>
-        <input type="text" class="span3" placeholder="@grayDark">
-        <label>@dropdownLinkColorHover</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@dropdownLinkBackgroundHover</label>
-        <input type="text" class="span3" placeholder="@linkColor">
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>Forms</h3>
-        <label>@placeholderText</label>
-        <input type="text" class="span3" placeholder="@grayLight">
-        <label>@inputBackground</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@inputBorder</label>
-        <input type="text" class="span3" placeholder="#ccc">
-        <label>@inputBorderRadius</label>
-        <input type="text" class="span3" placeholder="3px">
-        <label>@inputDisabledBackground</label>
-        <input type="text" class="span3" placeholder="@grayLighter">
-        <label>@formActionsBackground</label>
-        <input type="text" class="span3" placeholder="#f5f5f5">
-
-        <label>@btnPrimaryBackground</label>
-        <input type="text" class="span3" placeholder="@linkColor">
-        <label>@btnPrimaryBackgroundHighlight</label>
-        <input type="text" class="span3" placeholder="darken(@white, 10%);">
-
-        <h3>Form states &amp; alerts</h3>
-        <label>@warningText</label>
-        <input type="text" class="span3" placeholder="#c09853">
-        <label>@warningBackground</label>
-        <input type="text" class="span3" placeholder="#fcf8e3">
-        <label>@errorText</label>
-        <input type="text" class="span3" placeholder="#b94a48">
-        <label>@errorBackground</label>
-        <input type="text" class="span3" placeholder="#f2dede">
-        <label>@successText</label>
-        <input type="text" class="span3" placeholder="#468847">
-        <label>@successBackground</label>
-        <input type="text" class="span3" placeholder="#dff0d8">
-        <label>@infoText</label>
-        <input type="text" class="span3" placeholder="#3a87ad">
-        <label>@infoBackground</label>
-        <input type="text" class="span3" placeholder="#d9edf7">
-      </div><!-- /span -->
-    </div><!-- /row -->
-  </section>
-
-  <section class="download" id="download">
-    <div class="page-header">
-      <h1>
-        4. Download
-      </h1>
-    </div>
-    <div class="download-btn">
-      <a class="btn btn-primary" href="#" >Customize and Download</a>
-      <h4>What's included?</h4>
-      <p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
-    </div>
-  </section><!-- /download -->
-</form>
-
-
-
-   <!-- Footer
-    ================================================== -->
-    <footer class="footer">
-      <div class="container">
-        <p class="pull-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>
-        <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
-          <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
-          <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
-        </ul>
-      </div>
-    </footer>
-
-
-
-    <!-- Le javascript
-    ================================================== -->
-    <!-- Placed at the end of the document so the pages load faster -->
-    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
-    <script src="assets/js/jquery.js"></script>
-    <script src="assets/js/google-code-prettify/prettify.js"></script>
-    <script src="assets/js/bootstrap-transition.js"></script>
-    <script src="assets/js/bootstrap-alert.js"></script>
-    <script src="assets/js/bootstrap-modal.js"></script>
-    <script src="assets/js/bootstrap-dropdown.js"></script>
-    <script src="assets/js/bootstrap-scrollspy.js"></script>
-    <script src="assets/js/bootstrap-tab.js"></script>
-    <script src="assets/js/bootstrap-tooltip.js"></script>
-    <script src="assets/js/bootstrap-popover.js"></script>
-    <script src="assets/js/bootstrap-button.js"></script>
-    <script src="assets/js/bootstrap-collapse.js"></script>
-    <script src="assets/js/bootstrap-carousel.js"></script>
-    <script src="assets/js/bootstrap-typeahead.js"></script>
-    <script src="assets/js/application.js"></script>
-
-
-  </body>
-</html>
diff --git a/docs/extend.html b/docs/extend.html
index 43bccc8c06..edc5888308 100644
--- a/docs/extend.html
+++ b/docs/extend.html
@@ -60,8 +60,8 @@
               <li class="">
                 <a href="./javascript.html">Javascript</a>
               </li>
-              <li class="active">
-                <a href="./extend.html">Extend</a>
+              <li class="">
+                <a href="./customize.html">Customize</a>
               </li>
             </ul>
           </div>
diff --git a/docs/getting-started.html b/docs/getting-started.html
index 39dd81ff9a..d2d261fd1e 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -61,7 +61,7 @@
                 <a href="./javascript.html">Javascript</a>
               </li>
               <li class="">
-                <a href="./extend.html">Extend</a>
+                <a href="./customize.html">Customize</a>
               </li>
             </ul>
           </div>
diff --git a/docs/index.html b/docs/index.html
index 4acc040abb..92e9075c9d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -61,7 +61,7 @@
                 <a href="./javascript.html">Javascript</a>
               </li>
               <li class="">
-                <a href="./extend.html">Extend</a>
+                <a href="./customize.html">Customize</a>
               </li>
             </ul>
           </div>
@@ -75,7 +75,7 @@
     <p>Sleek, intuitive, and powerful front-end framework for faster and easier web development.</p>
     <p><a href="assets/bootstrap.zip" class="btn btn-primary btn-large" >Download Bootstrap</a></p>
     <ul class="masthead-links">
-      <li><a href="./download.html" >Customize</a></li>
+      <li><a href="./extend.html" >Extend</a></li>
       <li><a href="http://github.com/twitter/bootstrap" >GitHub project</a></li>
       <li>Version 2.1.0</li>
     </ul>
diff --git a/docs/javascript.html b/docs/javascript.html
index 42c8a6f7e9..70355957c6 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -61,7 +61,7 @@
                 <a href="./javascript.html">Javascript</a>
               </li>
               <li class="">
-                <a href="./extend.html">Extend</a>
+                <a href="./customize.html">Customize</a>
               </li>
             </ul>
           </div>
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 1aca819f91..e43b4db30f 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -61,7 +61,7 @@
                 <a href="./javascript.html">Javascript</a>
               </li>
               <li class="">
-                <a href="./extend.html">Extend</a>
+                <a href="./customize.html">Customize</a>
               </li>
             </ul>
           </div>
diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache
index 3366179deb..879e939a14 100644
--- a/docs/templates/layout.mustache
+++ b/docs/templates/layout.mustache
@@ -72,8 +72,8 @@
               <li class="{{javascript}}">
                 <a href="./javascript.html">{{_i}}Javascript{{/i}}</a>
               </li>
-              <li class="{{extend}}">
-                <a href="./extend.html">{{_i}}Extend{{/i}}</a>
+              <li class="{{customize}}">
+                <a href="./customize.html">{{_i}}Customize{{/i}}</a>
               </li>
             </ul>
           </div>
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index c21969d657..9b1e605210 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -42,7 +42,7 @@
         </div>
 
         <h2>{{_i}}Example{{/i}}</h2>
-        <p>{{_i}}An isolated (without dropdown toggle) dropdown menu example, designed to be used with the <a href="./javascript.html#dropdowns">dropdown javascript plugin</a>.{{/i}}</p>
+        <p>{{_i}}Toggleable, contextual menu for displaying lists of links. Made interactive with the <a href="./javascript.html#dropdowns">dropdown javascript plugin</a>.{{/i}}</p>
         <div class="bs-docs-example">
           <div class="dropdown clearfix">
             <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px;">
@@ -69,26 +69,20 @@
 
 
         <h2>{{_i}}Markup{{/i}}</h2>
-        <p>{{_i}}Dropdowns require...{{/i}}</p>
+        <p>{{_i}}Looking at just the dropdown menu, here's the required HTML. You need to wrap the dropdown's trigger and the dropdown menu within <code>.dropdown</code>, or another element that declares <code>position: relative;</code>. Then just create the menu.{{/i}}</p>
 
 <pre class="prettyprint linenums">
-&lt;ul class="nav nav-pills"&gt;
-  &lt;li class="active"&gt;&lt;a href="#"&gt;Regular link&lt;/a&gt;&lt;/li&gt;
-  &lt;li class="dropdown" id="menu1"&gt;
-    &lt;a id="dLabel" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#menu1"&gt;
-      {{_i}}Dropdown{{/i}}
-      &lt;b class="caret"&gt;&lt;/b&gt;
-    &lt;/a&gt;
-    &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&gt;
-      &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;{{_i}}Action{{/i}}&lt;/a&gt;&lt;/li&gt;
-      &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;{{_i}}Another action{{/i}}&lt;/a&gt;&lt;/li&gt;
-      &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;{{_i}}Something else here{{/i}}&lt;/a&gt;&lt;/li&gt;
-      &lt;li class="divider"&gt;&lt;/li&gt;
-      &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;{{_i}}Separated link{{/i}}&lt;/a&gt;&lt;/li&gt;
-    &lt;/ul&gt;
-  &lt;/li&gt;
-  ...
-&lt;/ul&gt;</pre>
+&lt;div class="dropdown"&gt;
+  &lt;!-- Link or button to toggle dropdown --&gt;
+  &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&gt;
+    &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;{{_i}}Action{{/i}}&lt;/a&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;{{_i}}Another action{{/i}}&lt;/a&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;{{_i}}Something else here{{/i}}&lt;/a&gt;&lt;/li&gt;
+    &lt;li class="divider"&gt;&lt;/li&gt;
+    &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;{{_i}}Separated link{{/i}}&lt;/a&gt;&lt;/li&gt;
+  &lt;/ul&gt;
+&lt;/div&gt;
+</pre>
 
 
         <hr class="bs-docs-separator">
diff --git a/docs/templates/pages/customize.mustache b/docs/templates/pages/customize.mustache
new file mode 100644
index 0000000000..8d14be78c0
--- /dev/null
+++ b/docs/templates/pages/customize.mustache
@@ -0,0 +1,361 @@
+<!-- Masthead
+================================================== -->
+<header class="jumbotron subhead" id="overview">
+  <div class="container">
+    <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>
+</header>
+
+<div class="container">
+
+
+  <!-- Docs nav
+  ================================================== -->
+  <div class="row">
+    <div class="span3 bs-docs-sidebar">
+      <ul class="nav nav-list bs-docs-sidenav">
+        <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>
+    <div class="span9">
+
+
+
+      <!-- Customize form
+      ================================================== -->
+      <form>
+        <section class="download" id="components">
+          <div class="page-header">
+            <a class="btn btn-small pull-right toggle-all" href="#">{{_i}}Toggle all{{/i}}</a>
+            <h1>
+              {{_i}}1. Choose components{{/i}}
+            </h1>
+          </div>
+          <div class="row download-builder">
+            <div class="span3">
+              <h3>{{_i}}Scaffolding{{/i}}</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="reset.less"> {{_i}}Normalize and reset{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="scaffolding.less"> {{_i}}Body type and links{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="grid.less"> {{_i}}Grid system{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="layouts.less"> {{_i}}Layouts{{/i}}</label>
+              <h3>{{_i}}Base CSS{{/i}}</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="type.less"> {{_i}}Headings, body, etc{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="code.less"> {{_i}}Code and pre{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="labels-badges.less"> {{_i}}Labels and badges{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="tables.less"> {{_i}}Tables{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="forms.less"> {{_i}}Forms{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="buttons.less"> {{_i}}Buttons{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="sprites.less"> {{_i}}Icons{{/i}}</label>
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>{{_i}}Components{{/i}}</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="button-groups.less"> {{_i}}Button groups and dropdowns{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="navs.less"> {{_i}}Navs, tabs, and pills{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="navbar.less"> {{_i}}Navbar{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="breadcrumbs.less"> {{_i}}Breadcrumbs{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="pagination.less"> {{_i}}Pagination{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="pager.less"> {{_i}}Pager{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="thumbnails.less"> {{_i}}Thumbnails{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="alerts.less"> {{_i}}Alerts{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="progress-bars.less"> {{_i}}Progress bars{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="hero-unit.less"> {{_i}}Hero unit{{/i}}</label>
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>{{_i}}JS Components{{/i}}</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="tooltip.less"> {{_i}}Tooltips{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="popovers.less"> {{_i}}Popovers{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="modals.less"> {{_i}}Modals{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="dropdowns.less"> {{_i}}Dropdowns{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="accordion.less"> {{_i}}Collapse{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> {{_i}}Carousel{{/i}}</label>
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>{{_i}}Miscellaneous{{/i}}</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="wells.less"> {{_i}}Wells{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="close.less"> {{_i}}Close icon{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="utilities.less"> {{_i}}Utilities{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="component-animations.less"> {{_i}}Component animations{{/i}}</label>
+              <h3>{{_i}}Responsive{{/i}}</h3>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-utilities.less"> {{_i}}Visible/hidden classes{{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-767px-max.less"> {{_i}}Narrow tablets and below (<767px){{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-768px-979px.less"> {{_i}}Tablets to desktops (767-979px){{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-1200px-min.less"> {{_i}}Large desktops (>1200px){{/i}}</label>
+              <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-navbar.less"> {{_i}}Responsive navbar{{/i}}</label>
+            </div><!-- /span -->
+          </div><!-- /row -->
+        </section>
+
+        <section class="download" id="plugins">
+          <div class="page-header">
+            <a class="btn btn-small pull-right toggle-all" href="#">{{_i}}Toggle all{{/i}}</a>
+            <h1>
+              {{_i}}2. Select jQuery plugins{{/i}}
+            </h1>
+          </div>
+          <div class="row download-builder">
+            <div class="span4">
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-transition.js">
+                {{_i}}Transitions <small>(required for any animation)</small>{{/i}}
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-modal.js">
+                {{_i}}Modals{{/i}}
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-dropdown.js">
+                {{_i}}Dropdowns{{/i}}
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-scrollspy.js">
+                {{_i}}Scrollspy{{/i}}
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-tab.js">
+                {{_i}}Togglable tabs{{/i}}
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-tooltip.js">
+                {{_i}}Tooltips{{/i}}
+              </label>
+            </div><!-- /span -->
+            <div class="span4">
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-popover.js">
+                {{_i}}Popovers <small>(requires Tooltips)</small>{{/i}}
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-alert.js">
+                {{_i}}Alert messages{{/i}}
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-button.js">
+                {{_i}}Buttons{{/i}}
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-collapse.js">
+                {{_i}}Collapse{{/i}}
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-carousel.js">
+                {{_i}}Carousel{{/i}}
+              </label>
+              <label class="checkbox">
+                <input type="checkbox" checked="true" value="bootstrap-typeahead.js">
+                {{_i}}Typeahead{{/i}}
+              </label>
+            </div><!-- /span -->
+            <div class="span4">
+              <h4 class="muted">{{_i}}Heads up!{{/i}}</h4>
+              <p class="muted">{{_i}}All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.{{/i}}</p>
+            </div><!-- /span -->
+          </div><!-- /row -->
+        </section>
+
+
+        <section class="download" id="variables">
+          <div class="page-header">
+            <a class="btn btn-small pull-right toggle-all" href="#">{{_i}}Reset to defaults{{/i}}</a>
+            <h1>
+              {{_i}}3. Customize variables{{/i}}
+            </h1>
+          </div>
+          <div class="row download-builder">
+            <div class="span3">
+              <h3>{{_i}}Scaffolding{{/i}}</h3>
+              <label>@bodyBackground</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@textColor</label>
+              <input type="text" class="span3" placeholder="@grayDark">
+
+              <h3>{{_i}}Links{{/i}}</h3>
+              <label>@linkColor</label>
+              <input type="text" class="span3" placeholder="#08c">
+              <label>@linkColorHover</label>
+              <input type="text" class="span3" placeholder="darken(@linkColor, 15%)">
+              <h3>{{_i}}Colors{{/i}}</h3>
+              <label>@blue</label>
+              <input type="text" class="span3" placeholder="#049cdb">
+              <label>@green</label>
+              <input type="text" class="span3" placeholder="#46a546">
+              <label>@red</label>
+              <input type="text" class="span3" placeholder="#9d261d">
+              <label>@yellow</label>
+              <input type="text" class="span3" placeholder="#ffc40d">
+              <label>@orange</label>
+              <input type="text" class="span3" placeholder="#f89406">
+              <label>@pink</label>
+              <input type="text" class="span3" placeholder="#c3325f">
+              <label>@purple</label>
+              <input type="text" class="span3" placeholder="#7a43b6">
+
+              <h3>{{_i}}Sprites{{/i}}</h3>
+              <label>@iconSpritePath</label>
+              <input type="text" class="span3" placeholder="'../img/glyphicons-halflings.png'">
+              <label>@iconWhiteSpritePath</label>
+              <input type="text" class="span3" placeholder="'../img/glyphicons-halflings-white.png'">
+
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>{{_i}}Grid system{{/i}}</h3>
+              <label>@gridColumns</label>
+              <input type="text" class="span3" placeholder="12">
+              <label>@gridColumnWidth</label>
+              <input type="text" class="span3" placeholder="60px">
+              <label>@gridGutterWidth</label>
+              <input type="text" class="span3" placeholder="20px">
+              <label>@gridColumnWidth1200</label>
+              <input type="text" class="span3" placeholder="70px">
+              <label>@gridGutterWidth1200</label>
+              <input type="text" class="span3" placeholder="30px">
+              <label>@gridColumnWidth768</label>
+              <input type="text" class="span3" placeholder="42px">
+              <label>@gridGutterWidth768</label>
+              <input type="text" class="span3" placeholder="20px">
+
+              <h3>{{_i}}Typography{{/i}}</h3>
+              <label>@sansFontFamily</label>
+              <input type="text" class="span3" placeholder="'Helvetica Neue', Helvetica, Arial, sans-serif">
+              <label>@serifFontFamily</label>
+              <input type="text" class="span3" placeholder="Georgia, 'Times New Roman', Times, serif">
+              <label>@monoFontFamily</label>
+              <input type="text" class="span3" placeholder="Menlo, Monaco, 'Courier New', monospace">
+              <label>@baseFontSize</label>
+              <input type="text" class="span3" placeholder="13px">
+              <label>@baseFontFamily</label>
+              <input type="text" class="span3" placeholder="@sansFontFamily">
+              <label>@baseLineHeight</label>
+              <input type="text" class="span3" placeholder="18px">
+              <label>@altFontFamily</label>
+              <input type="text" class="span3" placeholder="@serifFontFamily">
+              <label>@headingsFontFamily</label>
+              <input type="text" class="span3" placeholder="inherit">
+              <label>@headingsFontWeight</label>
+              <input type="text" class="span3" placeholder="bold">
+              <label>@headingsColor</label>
+              <input type="text" class="span3" placeholder="inherit">
+              <label>@heroUnitBackground</label>
+              <input type="text" class="span3" placeholder="@grayLighter">
+              <label>@heroUnitHeadingColor</label>
+              <input type="text" class="span3" placeholder="inherit">
+              <label>@heroUnitLeadColor</label>
+              <input type="text" class="span3" placeholder="inherit">
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>{{_i}}Tables{{/i}}</h3>
+              <label>@tableBackground</label>
+              <input type="text" class="span3" placeholder="transparent">
+              <label>@tableBackgroundAccent</label>
+              <input type="text" class="span3" placeholder="#f9f9f9">
+              <label>@tableBackgroundHover</label>
+              <input type="text" class="span3" placeholder="#f5f5f5">
+              <label>@tableBorder</label>
+              <input type="text" class="span3" placeholder="#ddd">
+
+              <h3>{{_i}}Navbar{{/i}}</h3>
+              <label>@navbarHeight</label>
+              <input type="text" class="span3" placeholder="40px">
+              <label>@navbarBackground</label>
+              <input type="text" class="span3" placeholder="@grayDarker">
+              <label>@navbarBackgroundHighlight</label>
+              <input type="text" class="span3" placeholder="@grayDark">
+              <label>@navbarText</label>
+              <input type="text" class="span3" placeholder="@grayLight">
+              <label>@navbarBrandColor</label>
+              <input type="text" class="span3" placeholder="@navbarLinkColor">
+              <label>@navbarLinkColor</label>
+              <input type="text" class="span3" placeholder="@grayLight">
+              <label>@navbarLinkColorHover</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@navbarLinkColorActive</label>
+              <input type="text" class="span3" placeholder="@navbarLinkColorHover">
+              <label>@navbarLinkBackgroundHover</label>
+              <input type="text" class="span3" placeholder="transparent">
+              <label>@navbarLinkBackgroundActive</label>
+              <input type="text" class="span3" placeholder="@navbarBackground">
+              <label>@navbarSearchBackground</label>
+              <input type="text" class="span3" placeholder="lighten(@navbarBackground, 25%)">
+              <label>@navbarSearchBackgroundFocus</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@navbarSearchBorder</label>
+              <input type="text" class="span3" placeholder="darken(@navbarSearchBackground, 30%)">
+              <label>@navbarSearchPlaceholderColor</label>
+              <input type="text" class="span3" placeholder="#ccc">
+
+              <h3>{{_i}}Dropdowns{{/i}}</h3>
+              <label>@dropdownBackground</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@dropdownBorder</label>
+              <input type="text" class="span3" placeholder="rgba(0,0,0,.2)">
+              <label>@dropdownLinkColor</label>
+              <input type="text" class="span3" placeholder="@grayDark">
+              <label>@dropdownLinkColorHover</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@dropdownLinkBackgroundHover</label>
+              <input type="text" class="span3" placeholder="@linkColor">
+            </div><!-- /span -->
+            <div class="span3">
+              <h3>{{_i}}Forms{{/i}}</h3>
+              <label>@placeholderText</label>
+              <input type="text" class="span3" placeholder="@grayLight">
+              <label>@inputBackground</label>
+              <input type="text" class="span3" placeholder="@white">
+              <label>@inputBorder</label>
+              <input type="text" class="span3" placeholder="#ccc">
+              <label>@inputBorderRadius</label>
+              <input type="text" class="span3" placeholder="3px">
+              <label>@inputDisabledBackground</label>
+              <input type="text" class="span3" placeholder="@grayLighter">
+              <label>@formActionsBackground</label>
+              <input type="text" class="span3" placeholder="#f5f5f5">
+
+              <label>@btnPrimaryBackground</label>
+              <input type="text" class="span3" placeholder="@linkColor">
+              <label>@btnPrimaryBackgroundHighlight</label>
+              <input type="text" class="span3" placeholder="darken(@white, 10%);">
+
+              <h3>{{_i}}Form states &amp; alerts{{/i}}</h3>
+              <label>@warningText</label>
+              <input type="text" class="span3" placeholder="#c09853">
+              <label>@warningBackground</label>
+              <input type="text" class="span3" placeholder="#fcf8e3">
+              <label>@errorText</label>
+              <input type="text" class="span3" placeholder="#b94a48">
+              <label>@errorBackground</label>
+              <input type="text" class="span3" placeholder="#f2dede">
+              <label>@successText</label>
+              <input type="text" class="span3" placeholder="#468847">
+              <label>@successBackground</label>
+              <input type="text" class="span3" placeholder="#dff0d8">
+              <label>@infoText</label>
+              <input type="text" class="span3" placeholder="#3a87ad">
+              <label>@infoBackground</label>
+              <input type="text" class="span3" placeholder="#d9edf7">
+            </div><!-- /span -->
+          </div><!-- /row -->
+        </section>
+
+        <section class="download" id="download">
+          <div class="page-header">
+            <h1>
+              {{_i}}4. Download{{/i}}
+            </h1>
+          </div>
+          <div class="download-btn">
+            <a class="btn btn-primary" href="#" {{#production}}onclick="_gaq.push(['_trackEvent', 'Customize', 'Download', 'Customize and Download']);"{{/production}}>Customize and Download</a>
+            <h4>{{_i}}What's included?{{/i}}</h4>
+            <p>{{_i}}Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.{{/i}}</p>
+          </div>
+        </section><!-- /download -->
+      </form>
+
+
+
+    </div>{{! /span9 }}
+  </div>{{! row}}
+
+</div>{{! /container }}
diff --git a/docs/templates/pages/download.mustache b/docs/templates/pages/download.mustache
deleted file mode 100644
index 3e1b4eb1eb..0000000000
--- a/docs/templates/pages/download.mustache
+++ /dev/null
@@ -1,347 +0,0 @@
-<!-- Masthead
-================================================== -->
-<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="navbar navbar-subnav">
-    <div class="navbar-inner">
-      <ul class="nav">
-        <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>
-  </div>
-</header>
-
-
-
-<form>
-  <section class="download" id="components">
-    <div class="page-header">
-      <a class="btn btn-small pull-right toggle-all" href="#">{{_i}}Toggle all{{/i}}</a>
-      <h1>
-        {{_i}}1. Choose components{{/i}}
-        <small>{{_i}}Get just the CSS you need{{/i}}</small>
-      </h1>
-    </div>
-    <div class="row download-builder">
-      <div class="span3">
-        <h3>{{_i}}Scaffolding{{/i}}</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="reset.less"> {{_i}}Normalize and reset{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="scaffolding.less"> {{_i}}Body type and links{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="grid.less"> {{_i}}Grid system{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="layouts.less"> {{_i}}Layouts{{/i}}</label>
-        <h3>{{_i}}Base CSS{{/i}}</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="type.less"> {{_i}}Headings, body, etc{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="code.less"> {{_i}}Code and pre{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="labels-badges.less"> {{_i}}Labels and badges{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="tables.less"> {{_i}}Tables{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="forms.less"> {{_i}}Forms{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="buttons.less"> {{_i}}Buttons{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="sprites.less"> {{_i}}Icons{{/i}}</label>
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>{{_i}}Components{{/i}}</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="button-groups.less"> {{_i}}Button groups and dropdowns{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="navs.less"> {{_i}}Navs, tabs, and pills{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="navbar.less"> {{_i}}Navbar{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="breadcrumbs.less"> {{_i}}Breadcrumbs{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="pagination.less"> {{_i}}Pagination{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="pager.less"> {{_i}}Pager{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="thumbnails.less"> {{_i}}Thumbnails{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="alerts.less"> {{_i}}Alerts{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="progress-bars.less"> {{_i}}Progress bars{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="hero-unit.less"> {{_i}}Hero unit{{/i}}</label>
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>{{_i}}JS Components{{/i}}</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="tooltip.less"> {{_i}}Tooltips{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="popovers.less"> {{_i}}Popovers{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="modals.less"> {{_i}}Modals{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="dropdowns.less"> {{_i}}Dropdowns{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="accordion.less"> {{_i}}Collapse{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> {{_i}}Carousel{{/i}}</label>
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>{{_i}}Miscellaneous{{/i}}</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="wells.less"> {{_i}}Wells{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="close.less"> {{_i}}Close icon{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="utilities.less"> {{_i}}Utilities{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="component-animations.less"> {{_i}}Component animations{{/i}}</label>
-        <h3>{{_i}}Responsive{{/i}}</h3>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-utilities.less"> {{_i}}Visible/hidden classes{{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-767px-max.less"> {{_i}}Narrow tablets and below (<767px){{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-768px-979px.less"> {{_i}}Tablets to desktops (767-979px){{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-1200px-min.less"> {{_i}}Large desktops (>1200px){{/i}}</label>
-        <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-navbar.less"> {{_i}}Responsive navbar{{/i}}</label>
-      </div><!-- /span -->
-    </div><!-- /row -->
-  </section>
-
-  <section class="download" id="plugins">
-    <div class="page-header">
-      <a class="btn btn-small pull-right toggle-all" href="#">{{_i}}Toggle all{{/i}}</a>
-      <h1>
-        {{_i}}2. Select jQuery plugins{{/i}}
-        <small>{{_i}}Quickly add only the necessary javascript{{/i}}</small>
-      </h1>
-    </div>
-    <div class="row download-builder">
-      <div class="span4">
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-transition.js">
-          {{_i}}Transitions <small>(required for any animation)</small>{{/i}}
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-modal.js">
-          {{_i}}Modals{{/i}}
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-dropdown.js">
-          {{_i}}Dropdowns{{/i}}
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-scrollspy.js">
-          {{_i}}Scrollspy{{/i}}
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-tab.js">
-          {{_i}}Togglable tabs{{/i}}
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-tooltip.js">
-          {{_i}}Tooltips{{/i}}
-        </label>
-      </div><!-- /span -->
-      <div class="span4">
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-popover.js">
-          {{_i}}Popovers <small>(requires Tooltips)</small>{{/i}}
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-alert.js">
-          {{_i}}Alert messages{{/i}}
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-button.js">
-          {{_i}}Buttons{{/i}}
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-collapse.js">
-          {{_i}}Collapse{{/i}}
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-carousel.js">
-          {{_i}}Carousel{{/i}}
-        </label>
-        <label class="checkbox">
-          <input type="checkbox" checked="true" value="bootstrap-typeahead.js">
-          {{_i}}Typeahead{{/i}}
-        </label>
-      </div><!-- /span -->
-      <div class="span4">
-        <h4 class="muted">{{_i}}Heads up!{{/i}}</h4>
-        <p class="muted">{{_i}}All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.{{/i}}</p>
-      </div><!-- /span -->
-    </div><!-- /row -->
-  </section>
-
-
-  <section class="download" id="variables">
-    <div class="page-header">
-      <a class="btn btn-small pull-right toggle-all" href="#">{{_i}}Reset to defaults{{/i}}</a>
-      <h1>
-        {{_i}}3. Customize variables{{/i}}
-        <small>{{_i}}Optionally modify Bootstrap without a compiler{{/i}}</small>
-      </h1>
-    </div>
-    <div class="row download-builder">
-      <div class="span3">
-        <h3>{{_i}}Scaffolding{{/i}}</h3>
-        <label>@bodyBackground</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@textColor</label>
-        <input type="text" class="span3" placeholder="@grayDark">
-
-        <h3>{{_i}}Links{{/i}}</h3>
-        <label>@linkColor</label>
-        <input type="text" class="span3" placeholder="#08c">
-        <label>@linkColorHover</label>
-        <input type="text" class="span3" placeholder="darken(@linkColor, 15%)">
-        <h3>{{_i}}Colors{{/i}}</h3>
-        <label>@blue</label>
-        <input type="text" class="span3" placeholder="#049cdb">
-        <label>@green</label>
-        <input type="text" class="span3" placeholder="#46a546">
-        <label>@red</label>
-        <input type="text" class="span3" placeholder="#9d261d">
-        <label>@yellow</label>
-        <input type="text" class="span3" placeholder="#ffc40d">
-        <label>@orange</label>
-        <input type="text" class="span3" placeholder="#f89406">
-        <label>@pink</label>
-        <input type="text" class="span3" placeholder="#c3325f">
-        <label>@purple</label>
-        <input type="text" class="span3" placeholder="#7a43b6">
-
-        <h3>{{_i}}Sprites{{/i}}</h3>
-        <label>@iconSpritePath</label>
-        <input type="text" class="span3" placeholder="'../img/glyphicons-halflings.png'">
-        <label>@iconWhiteSpritePath</label>
-        <input type="text" class="span3" placeholder="'../img/glyphicons-halflings-white.png'">
-
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>{{_i}}Grid system{{/i}}</h3>
-        <label>@gridColumns</label>
-        <input type="text" class="span3" placeholder="12">
-        <label>@gridColumnWidth</label>
-        <input type="text" class="span3" placeholder="60px">
-        <label>@gridGutterWidth</label>
-        <input type="text" class="span3" placeholder="20px">
-        <label>@gridColumnWidth1200</label>
-        <input type="text" class="span3" placeholder="70px">
-        <label>@gridGutterWidth1200</label>
-        <input type="text" class="span3" placeholder="30px">
-        <label>@gridColumnWidth768</label>
-        <input type="text" class="span3" placeholder="42px">
-        <label>@gridGutterWidth768</label>
-        <input type="text" class="span3" placeholder="20px">
-
-        <h3>{{_i}}Typography{{/i}}</h3>
-        <label>@sansFontFamily</label>
-        <input type="text" class="span3" placeholder="'Helvetica Neue', Helvetica, Arial, sans-serif">
-        <label>@serifFontFamily</label>
-        <input type="text" class="span3" placeholder="Georgia, 'Times New Roman', Times, serif">
-        <label>@monoFontFamily</label>
-        <input type="text" class="span3" placeholder="Menlo, Monaco, 'Courier New', monospace">
-        <label>@baseFontSize</label>
-        <input type="text" class="span3" placeholder="13px">
-        <label>@baseFontFamily</label>
-        <input type="text" class="span3" placeholder="@sansFontFamily">
-        <label>@baseLineHeight</label>
-        <input type="text" class="span3" placeholder="18px">
-        <label>@altFontFamily</label>
-        <input type="text" class="span3" placeholder="@serifFontFamily">
-        <label>@headingsFontFamily</label>
-        <input type="text" class="span3" placeholder="inherit">
-        <label>@headingsFontWeight</label>
-        <input type="text" class="span3" placeholder="bold">
-        <label>@headingsColor</label>
-        <input type="text" class="span3" placeholder="inherit">
-        <label>@heroUnitBackground</label>
-        <input type="text" class="span3" placeholder="@grayLighter">
-        <label>@heroUnitHeadingColor</label>
-        <input type="text" class="span3" placeholder="inherit">
-        <label>@heroUnitLeadColor</label>
-        <input type="text" class="span3" placeholder="inherit">
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>{{_i}}Tables{{/i}}</h3>
-        <label>@tableBackground</label>
-        <input type="text" class="span3" placeholder="transparent">
-        <label>@tableBackgroundAccent</label>
-        <input type="text" class="span3" placeholder="#f9f9f9">
-        <label>@tableBackgroundHover</label>
-        <input type="text" class="span3" placeholder="#f5f5f5">
-        <label>@tableBorder</label>
-        <input type="text" class="span3" placeholder="#ddd">
-
-        <h3>{{_i}}Navbar{{/i}}</h3>
-        <label>@navbarHeight</label>
-        <input type="text" class="span3" placeholder="40px">
-        <label>@navbarBackground</label>
-        <input type="text" class="span3" placeholder="@grayDarker">
-        <label>@navbarBackgroundHighlight</label>
-        <input type="text" class="span3" placeholder="@grayDark">
-        <label>@navbarText</label>
-        <input type="text" class="span3" placeholder="@grayLight">
-        <label>@navbarBrandColor</label>
-        <input type="text" class="span3" placeholder="@navbarLinkColor">
-        <label>@navbarLinkColor</label>
-        <input type="text" class="span3" placeholder="@grayLight">
-        <label>@navbarLinkColorHover</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@navbarLinkColorActive</label>
-        <input type="text" class="span3" placeholder="@navbarLinkColorHover">
-        <label>@navbarLinkBackgroundHover</label>
-        <input type="text" class="span3" placeholder="transparent">
-        <label>@navbarLinkBackgroundActive</label>
-        <input type="text" class="span3" placeholder="@navbarBackground">
-        <label>@navbarSearchBackground</label>
-        <input type="text" class="span3" placeholder="lighten(@navbarBackground, 25%)">
-        <label>@navbarSearchBackgroundFocus</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@navbarSearchBorder</label>
-        <input type="text" class="span3" placeholder="darken(@navbarSearchBackground, 30%)">
-        <label>@navbarSearchPlaceholderColor</label>
-        <input type="text" class="span3" placeholder="#ccc">
-
-        <h3>{{_i}}Dropdowns{{/i}}</h3>
-        <label>@dropdownBackground</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@dropdownBorder</label>
-        <input type="text" class="span3" placeholder="rgba(0,0,0,.2)">
-        <label>@dropdownLinkColor</label>
-        <input type="text" class="span3" placeholder="@grayDark">
-        <label>@dropdownLinkColorHover</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@dropdownLinkBackgroundHover</label>
-        <input type="text" class="span3" placeholder="@linkColor">
-      </div><!-- /span -->
-      <div class="span3">
-        <h3>{{_i}}Forms{{/i}}</h3>
-        <label>@placeholderText</label>
-        <input type="text" class="span3" placeholder="@grayLight">
-        <label>@inputBackground</label>
-        <input type="text" class="span3" placeholder="@white">
-        <label>@inputBorder</label>
-        <input type="text" class="span3" placeholder="#ccc">
-        <label>@inputBorderRadius</label>
-        <input type="text" class="span3" placeholder="3px">
-        <label>@inputDisabledBackground</label>
-        <input type="text" class="span3" placeholder="@grayLighter">
-        <label>@formActionsBackground</label>
-        <input type="text" class="span3" placeholder="#f5f5f5">
-
-        <label>@btnPrimaryBackground</label>
-        <input type="text" class="span3" placeholder="@linkColor">
-        <label>@btnPrimaryBackgroundHighlight</label>
-        <input type="text" class="span3" placeholder="darken(@white, 10%);">
-
-        <h3>{{_i}}Form states &amp; alerts{{/i}}</h3>
-        <label>@warningText</label>
-        <input type="text" class="span3" placeholder="#c09853">
-        <label>@warningBackground</label>
-        <input type="text" class="span3" placeholder="#fcf8e3">
-        <label>@errorText</label>
-        <input type="text" class="span3" placeholder="#b94a48">
-        <label>@errorBackground</label>
-        <input type="text" class="span3" placeholder="#f2dede">
-        <label>@successText</label>
-        <input type="text" class="span3" placeholder="#468847">
-        <label>@successBackground</label>
-        <input type="text" class="span3" placeholder="#dff0d8">
-        <label>@infoText</label>
-        <input type="text" class="span3" placeholder="#3a87ad">
-        <label>@infoBackground</label>
-        <input type="text" class="span3" placeholder="#d9edf7">
-      </div><!-- /span -->
-    </div><!-- /row -->
-  </section>
-
-  <section class="download" id="download">
-    <div class="page-header">
-      <h1>
-        {{_i}}4. Download{{/i}}
-      </h1>
-    </div>
-    <div class="download-btn">
-      <a class="btn btn-primary" href="#" {{#production}}onclick="_gaq.push(['_trackEvent', 'Customize', 'Download', 'Customize and Download']);"{{/production}}>Customize and Download</a>
-      <h4>{{_i}}What's included?{{/i}}</h4>
-      <p>{{_i}}Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.{{/i}}</p>
-    </div>
-  </section><!-- /download -->
-</form>
diff --git a/docs/templates/pages/index.mustache b/docs/templates/pages/index.mustache
index 6919f8e212..a943b09bfa 100644
--- a/docs/templates/pages/index.mustache
+++ b/docs/templates/pages/index.mustache
@@ -4,7 +4,7 @@
     <p>Sleek, intuitive, and powerful front-end framework for faster and easier web development.</p>
     <p><a href="assets/bootstrap.zip" class="btn btn-primary btn-large" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 2.1.0']);"{{/production}}>{{_i}}Download Bootstrap{{/i}}</a></p>
     <ul class="masthead-links">
-      <li><a href="./download.html" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Customize']);"{{/production}}>Customize</a></li>
+      <li><a href="./extend.html" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Extend']);"{{/production}}>Extend</a></li>
       <li><a href="http://github.com/twitter/bootstrap" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);"{{/production}}>GitHub project</a></li>
       <li>Version 2.1.0</li>
     </ul>
diff --git a/docs/upgrading.html b/docs/upgrading.html
index d2ac6ee161..5e4731e8c3 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -61,7 +61,7 @@
                 <a href="./javascript.html">Javascript</a>
               </li>
               <li class="">
-                <a href="./extend.html">Extend</a>
+                <a href="./customize.html">Customize</a>
               </li>
             </ul>
           </div>