Rearrange all the docs to allow for a docs/major.minor/ setup

_config.yml

@@ -9,14 +9,13 @@ kramdown:
 permalink:        pretty
 
 # Server
-source:           docs
 destination:      _gh_pages
 host:             0.0.0.0
 port:             9001
 baseurl:          ""
-url:              https://v4-alpha.getbootstrap.com
+url:              https://getbootstrap.com
 encoding:         UTF-8
-exclude:          [assets/scss/]
+exclude:          [.git, .github, assets/scss/, build, js, node_modules, nuget, scss]
 
 gems:
   - jekyll-redirect-from
@@ -33,6 +32,7 @@ social_image_path: /assets/brand/bootstrap-social.png
 
 # Custom vars
 current_version:  4.0.0-alpha.6
+docs_version:     4.0
 repo:             https://github.com/twbs/bootstrap
 slack:            https://bootstrap-slack.herokuapp.com
 

_data/nav.yml

@@ -74,12 +74,12 @@
     # - title: Approach
     - title: Icons
 
-- title: About
-  pages:
-    - title: History
-    - title: Team
-    - title: Brand
-    - title: License
-    - title: Translations
+# - title: About
+#   pages:
+#     - title: History
+#     - title: Team
+#     - title: Brand
+#     - title: License
+#     - title: Translations
 
 - title: Migration

_includes/nav-docs.html

@@ -18,7 +18,7 @@
   {% endif %}
 
   <div class="bd-toc-item {{ active }}">
-      <a class="bd-toc-link" href="{{ site.baseurl }}/{{ group_slug }}/{{ link_slug }}{% if link_slug %}/{% endif %}">
+      <a class="bd-toc-link" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/{{ group_slug }}/{{ link_slug }}{% if link_slug %}/{% endif %}">
         {{ group.title }}
       </a>
 
@@ -32,7 +32,7 @@
           {% endif %}
 
           <li class="{{ active }}">
-            <a href="{{ site.baseurl }}/{{ group_slug }}/{{ doc_slug }}/">
+            <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/{{ group_slug }}/{{ doc_slug }}/">
               {{ doc.title }}
             </a>
 

_includes/nav-home.html

@@ -9,7 +9,7 @@
         <a class="nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a>
       </li>
       <li class="nav-item">
-        <a class="nav-link {% if page.layout == "docs" %}active{% endif %}" href="{{ site.baseurl }}/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a>
+        <a class="nav-link {% if page.layout == "docs" %}active{% endif %}" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a>
       </li>
       <li class="nav-item">
         <a class="nav-link {% if page.title == "Examples" %}active{% endif %}" href="{{ site.baseurl }}/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>

assets/scss/docs.scss

@@ -24,8 +24,8 @@
 // Happy Bootstrapping!
 
 // Load Bootstrap variables and mixins
-@import "../../../scss/variables";
-@import "../../../scss/mixins";
+@import "../../scss/variables";
+@import "../../scss/mixins";
 
 // Load docs components
 @import "variables";