revamp all the things

3 files changed, 67 insertions, 5 deletions

diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index 6d626a198..3159faa16 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -1,12 +1,10 @@
 <!-- Footer
 ================================================== -->
 <footer class="bs-docs-footer" role="contentinfo">
-  <div class="container">
+  <div class="bs-docs-container">
     {% include social-buttons.html %}
 
-    <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-    <p>Maintained by the <a href="https://github.com/twbs?tab=members">core team</a> with the help of <a href="https://github.com/twbs/bootstrap/graphs/contributors">our contributors</a>.</p>
-    <p>Code licensed under <a href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+    <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>. Maintained by the <a href="https://github.com/twbs?tab=members">core team</a> with the help of <a href="https://github.com/twbs/bootstrap/graphs/contributors">our contributors</a>. Code licensed under <a href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
     <ul class="bs-docs-footer-links muted">
       <li>Currently v{{ site.current_version }}</li>
       <li>&middot;</li>
diff --git a/docs/_includes/nav/docs.html b/docs/_includes/nav/docs.html
new file mode 100644
index 000000000..acb81182a
--- /dev/null
+++ b/docs/_includes/nav/docs.html
@@ -0,0 +1,64 @@
+<div id="top"></div>
+
+<div class="bs-docs-sidebar">
+  <a href="../" class="bs-docs-sidebar-brand">Bootstrap</a>
+
+  <div class="bs-docs-toc">
+    <div class="bs-docs-toc-item{% if page.slug == "getting-started" %} active{% endif %}">
+      <a class="bs-docs-toc-link" href="../getting-started">Getting started</a>
+      {% if page.slug == "getting-started" %}
+      <ul class="nav bs-docs-sidenav">
+        {% include nav/getting-started.html %}
+      </ul>
+      {% endif %}
+    </div>
+    <div class="bs-docs-toc-item{% if page.slug == "css" %} active{% endif %}">
+      <a class="bs-docs-toc-link" href="../css">CSS</a>
+      {% if page.slug == "css" %}
+      <ul class="nav bs-docs-sidenav">
+        {% include nav/css.html %}
+      </ul>
+      {% endif %}
+    </div>
+    <div class="bs-docs-toc-item{% if page.slug == "components" %} active{% endif %}">
+      <a class="bs-docs-toc-link" href="../components">Components</a>
+      {% if page.slug == "components" %}
+      <ul class="nav bs-docs-sidenav">
+        {% include nav/components.html %}
+      </ul>
+      {% endif %}
+    </div>
+    <div class="bs-docs-toc-item{% if page.slug == "js" %} active{% endif %}">
+      <a class="bs-docs-toc-link" href="../javascript">JavaScript</a>
+      {% if page.slug == "js" %}
+      <ul class="nav bs-docs-sidenav">
+        {% include nav/javascript.html %}
+      </ul>
+      {% endif %}
+    </div>
+    <div class="bs-docs-toc-item{% if page.slug == "customize" %} active{% endif %}">
+      <a class="bs-docs-toc-link" href="../customize">Customize</a>
+      {% if page.slug == "customize" %}
+      <ul class="nav bs-docs-sidenav">
+        {% include nav/customize.html %}
+      </ul>
+      {% endif %}
+    </div>
+    <div class="bs-docs-toc-item{% if page.slug == "js" %} active{% endif %}">
+      <a class="bs-docs-toc-link" href="../about">About</a>
+      {% if page.slug == "js" %}
+      <ul class="nav bs-docs-sidenav">
+        {% include nav/about.html %}
+      </ul>
+      {% endif %}
+    </div>
+    <div class="bs-docs-toc-item{% if page.slug == "migration" %} active{% endif %}">
+      <a class="bs-docs-toc-link" href="../migration">Migrating to v3.x</a>
+      {% if page.slug == "migration" %}
+      <ul class="nav bs-docs-sidenav">
+        {% include nav/migration.html %}
+      </ul>
+      {% endif %}
+    </div>
+  </div>
+</div>
diff --git a/docs/_includes/nav/main.html b/docs/_includes/nav/home.html
index 9f449f258..520825902 100644
--- a/docs/_includes/nav/main.html
+++ b/docs/_includes/nav/home.html
@@ -1,4 +1,4 @@
-<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
+<header class="navbar navbar-inverse navbar-static-top bs-docs-nav" id="top" role="banner">
   <div class="container">
     <div class="navbar-header">
       <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">