243 files changed, 171 insertions, 186 deletions

diff --git a/.gitignore b/.gitignore
index 7534de261..39a9279d0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 # Ignore docs files
 _gh_pages
 _site
+site/docs/4.1/dist/
 
 # Ignore ruby files
 .ruby-version
diff --git a/README.md b/README.md
index dda9082b5..7dff6da41 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://getbootstrap.com/">
-    <img src="https://getbootstrap.com/docs/4.1/assets/brand/bootstrap-solid.svg" alt="Logo" width=72 height=72>
+    <img src="https://getbootstrap.com/docs/4.1/assets/brand/bootstrap-solid.svg" alt="Bootstrap logo" width=72 height=72>
   </a>
 
   <h3 align="center">Bootstrap</h3>
@@ -111,11 +111,11 @@ Have a bug or a feature request? Please first read the [issue guidelines](https:
 
 Bootstrap's documentation, included in this repo in the root directory, is built with [Jekyll](https://jekyllrb.com/) and publicly hosted on GitHub Pages at <https://getbootstrap.com/>. The docs may also be run locally.
 
-Documentation search is powered by [Algolia's DocSearch](https://community.algolia.com/docsearch/). Working on our search? Be sure to set `debug: true` in `assets/js/src/search.js` file.
+Documentation search is powered by [Algolia's DocSearch](https://community.algolia.com/docsearch/). Working on our search? Be sure to set `debug: true` in `site/docs/4.1/assets/js/src/search.js` file.
 
 ### Running documentation locally
 
-1. Run through the [tooling setup](https://getbootstrap.com/docs/4.0/getting-started/build-tools/#tooling-setup) to install Jekyll (the site builder) and other Ruby dependencies with `bundle install`.
+1. Run through the [tooling setup](https://getbootstrap.com/docs/4.1/getting-started/build-tools/#tooling-setup) to install Jekyll (the site builder) and other Ruby dependencies with `bundle install`.
 2. Run `npm install` to install Node.js dependencies.
 3. Run `npm run test` (or a specific NPM script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
 4. From the root `/bootstrap` directory, run `npm run docs-serve` in the command line.
diff --git a/_config.yml b/_config.yml
index 71dd26258..492c97fc0 100644
--- a/_config.yml
+++ b/_config.yml
@@ -9,7 +9,7 @@ kramdown:
 permalink:      pretty
 
 # Server
-source:         "."
+source:         "site"
 destination:    ./_gh_pages
 host:           0.0.0.0
 port:           9001
@@ -17,25 +17,7 @@ baseurl:        ""
 url:            "https://getbootstrap.com"
 encoding:       UTF-8
 exclude:
-  - .git/
-  - .github/
-  - assets/scss/
-  - build/
-  - js/
-  - node_modules/
-  - nuget/
-  - scss/
-  - vendor/
-  - CODE_OF_CONDUCT.md
-  - composer.json
-  - Gemfile
-  - Gemfile.lock
-  - package.js
-  - package.json
-  - package-lock.json
-  - README.md
-  - sache.json
-  - twbsconfig.yml
+  - docs/4.1/assets/scss/
 
 plugins:
   - jekyll-redirect-from
diff --git a/_includes/favicons.html b/_includes/favicons.html
deleted file mode 100644
index 97dab4ba8..000000000
--- a/_includes/favicons.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!-- Favicons -->
-<link rel="apple-touch-icon" href="{{ site.baseurl }}/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
-<link rel="icon" href="{{ site.baseurl }}/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
-<link rel="icon" href="{{ site.baseurl }}/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
-<link rel="manifest" href="{{ site.baseurl }}/assets/img/favicons/manifest.json">
-<link rel="mask-icon" href="{{ site.baseurl }}/assets/img/favicons/safari-pinned-tab.svg" color="#563d7c">
-<link rel="icon" href="{{ site.baseurl }}/favicon.ico">
-<meta name="msapplication-config" content="{{ site.baseurl }}/assets/img/favicons/browserconfig.xml">
-<meta name="theme-color" content="#563d7c">
diff --git a/_includes/scripts.html b/_includes/scripts.html
deleted file mode 100644
index 37c04f983..000000000
--- a/_includes/scripts.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<script src="{{ site.cdn.jquery }}" integrity="{{ site.cdn.jquery_hash }}" crossorigin="anonymous"></script>
-<script>window.jQuery || document.write('<script src="{{ site.baseurl }}/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-
-<script src="{{ site.baseurl }}/assets/js/vendor/popper.min.js"{% if site.github %} integrity="{{ site.cdn.popper_hash }}" crossorigin="anonymous"{% endif %}></script>
-
-{%- if site.github -%}
-  <script src="{{ site.baseurl }}/dist/js/bootstrap.min.js" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
-{%- else -%}
-  <script src="{{ site.baseurl }}/dist/js/bootstrap.js"></script>
-{%- endif -%}
-
-{%- if page.layout == "docs" -%}
-<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
-{%- endif -%}
-
-{%- if site.github -%}
-  <script src="{{ site.baseurl }}/assets/js/docs.min.js"></script>
-{%- else -%}
-  <script src="{{ site.baseurl }}/assets/js/vendor/anchor.min.js"></script>
-  <script src="{{ site.baseurl }}/assets/js/vendor/clipboard.min.js"></script>
-  <script src="{{ site.baseurl }}/assets/js/vendor/holder.min.js"></script>
-  <script src="{{ site.baseurl }}/assets/js/src/application.js"></script>
-  <script src="{{ site.baseurl }}/assets/js/src/search.js"></script>
-  <script src="{{ site.baseurl }}/assets/js/src/ie-emulation-modes-warning.js"></script>
-  <script src="{{ site.baseurl }}/assets/js/src/pwa.js"></script>
-{%- endif -%}
diff --git a/assets/css/docs.min.css.map b/assets/css/docs.min.css.map
deleted file mode 100644
index 23a361391..000000000
--- a/assets/css/docs.min.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["../scss/docs.scss","../scss/_nav.scss","../../scss/mixins/_breakpoints.scss","../scss/_masthead.scss","../scss/_ads.scss","../scss/_content.scss","assets/css/docs.min.css","../scss/_skiplink.scss","../scss/_sidebar.scss","../scss/_footer.scss","../scss/_component-examples.scss","../../scss/mixins/_grid.scss","../../scss/mixins/_clearfix.scss","../scss/_buttons.scss","../scss/_callouts.scss","../scss/_examples.scss","../scss/_browser-bugs.scss","../scss/_brand.scss","../scss/_colors.scss","../scss/_clipboard-js.scss","../scss/_syntax.scss","../scss/_anchor.scss","../scss/_algolia.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Bootstrap Docs (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under the Creative Commons Attribution 3.0 Unported License. For\n * details, see https://creativecommons.org/licenses/by/3.0/.\n */\n\n// Dev notes\n//\n// Background information on nomenclature and architecture decisions here.\n//\n// - Bootstrap functions, variables, and mixins are included for easy reuse.\n//   Doing so gives us access to the same core utilities provided by Bootstrap.\n//   For example, consistent media queries through those mixins.\n//\n// - Bootstrap's **docs variables** are prefixed with `$bd-`.\n//   These custom colors avoid collision with the components Bootstrap provides.\n//\n// - Classes are prefixed with `.bd-`.\n//   These classes indicate custom-built or modified components for the design\n//   and layout of the Bootstrap docs. They are not included in our builds.\n//\n// Happy Bootstrapping!\n\n// Load Bootstrap variables and mixins\n@import \"../../scss/functions\";\n@import \"../../scss/variables\";\n@import \"../../scss/mixins\";\n\n// Load docs components\n@import \"variables\";\n@import \"nav\";\n@import \"masthead\";\n@import \"ads\";\n@import \"content\";\n@import \"skiplink\";\n@import \"sidebar\";\n@import \"footer\";\n@import \"component-examples\";\n@import \"buttons\";\n@import \"callouts\";\n@import \"examples\";\n@import \"browser-bugs\";\n@import \"brand\";\n@import \"colors\";\n@import \"clipboard-js\";\n\n// Load docs dependencies\n@import \"syntax\";\n@import \"anchor\";\n@import \"algolia\";\n","//\n// Main navbar\n//\n\n.bd-navbar {\n  min-height: 4rem;\n  background-color: $bd-purple;\n  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);\n\n  @include media-breakpoint-down(md) {\n    padding-right: .5rem;\n    padding-left: .5rem;\n\n    .navbar-nav-scroll {\n      max-width: 100%;\n      height: 2.5rem;\n      margin-top: .25rem;\n      overflow: hidden;\n      font-size: .875rem;\n\n      .navbar-nav {\n        padding-bottom: 2rem;\n        overflow-x: auto;\n        white-space: nowrap;\n        -webkit-overflow-scrolling: touch;\n      }\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    @supports (position: sticky) {\n      position: sticky;\n      top: 0;\n      z-index: 1071; // over everything in bootstrap\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      padding-right: .5rem;\n      padding-left: .5rem;\n      color: $bd-purple-light;\n\n      &.active,\n      &:hover {\n        color: #fff;\n        background-color: transparent;\n      }\n\n      &.active {\n        font-weight: 500;\n      }\n    }\n  }\n\n  .navbar-nav-svg {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    vertical-align: text-top;\n  }\n\n  .dropdown-menu {\n    font-size: .875rem;\n  }\n\n  .dropdown-item.active {\n    font-weight: 500;\n    color: $gray-900;\n    background-color: transparent;\n    background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: .4rem .6rem;\n    background-size: .75rem .75rem;\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.bd-masthead {\n  position: relative;\n  padding: 3rem ($grid-gutter-width / 2);\n  // background-image: linear-gradient(45deg, #fafafa, #f5f5f5);\n\n  h1 {\n    line-height: 1;\n  }\n\n  .btn {\n    width: 100%;\n    padding: .8rem 2rem;\n    font-size: 1.25rem;\n    font-weight: 500;\n  }\n\n  .carbonad {\n    margin-top: 0 !important;\n    margin-bottom: -3rem !important;\n  }\n\n  @include media-breakpoint-up(sm) {\n    padding-top: 5rem;\n    padding-bottom: 5rem;\n\n    .carbonad {\n      margin-bottom: 0 !important;\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    h1 {\n      font-size: 4rem;\n    }\n\n    .carbonad {\n      margin-top: 3rem !important;\n    }\n  }\n}\n\n.half-rule {\n  width: 6rem;\n  margin: 2.5rem 0;\n}\n\n.masthead-followup {\n  .bd-clipboard { display: none; }\n\n  .highlight {\n    padding: .5rem 0;\n    background-color: transparent;\n  }\n}\n","// stylelint-disable declaration-no-important, selector-max-id\n\n//\n// Carbon ads\n//\n\n#carbonads {\n  position: static;\n  display: block;\n  max-width: 400px;\n  padding: 15px 15px 15px 160px;\n  margin: 2rem 0;\n  overflow: hidden;\n  font-size: 13px;\n  line-height: 1.4;\n  text-align: left;\n  background-color: rgba(0, 0, 0, .05);\n\n  a {\n    color: #333;\n    text-decoration: none;\n  }\n\n  @include media-breakpoint-up(sm) {\n    max-width: 330px;\n    border-radius: 4px;\n  }\n}\n\n.carbon-img {\n  float: left;\n  margin-left: -145px;\n}\n\n.carbon-poweredby {\n  display: block;\n  color: #777 !important;\n}\n","// stylelint-disable no-duplicate-selectors, selector-max-combinators, selector-max-compound-selectors, selector-max-type, selector-no-qualifying-type\n\n//\n// Automatically style Markdown-based tables like a Bootstrap `.table`.\n//\n\n.bd-content {\n  order: 1;\n\n  // Hack the sticky header\n  > h2[id],\n  > h3[id],\n  > h4[id] {\n    pointer-events: none;\n\n    > div,\n    > a {\n      pointer-events: auto;\n    }\n\n    &::before {\n      display: block;\n      height: 6rem;\n      margin-top: -6rem;\n      visibility: hidden;\n      content: \"\";\n    }\n  }\n\n  > table {\n    width: 100%;\n    max-width: 100%;\n    margin-bottom: 1rem;\n\n    @include media-breakpoint-down(md) {\n      display: block;\n      overflow-x: auto;\n      -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n      &.table-bordered {\n        border: 0;\n      }\n    }\n\n    // Cells\n    > thead,\n    > tbody,\n    > tfoot {\n      > tr {\n        > th,\n        > td {\n          padding: $table-cell-padding;\n          vertical-align: top;\n          border: 1px solid $table-border-color;\n\n          > p:last-child {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n\n    // Prevent breaking of code (e.g., Grunt tasks list)\n    td:first-child > code {\n      white-space: nowrap;\n    }\n  }\n}\n\n//\n// Docs sections\n//\n\n.bd-content {\n  > h2:not(:first-child) {\n    margin-top: 3rem;\n  }\n\n  > h3 {\n    margin-top: 1.5rem;\n  }\n\n  > ul li,\n  > ol li {\n    margin-bottom: .25rem;\n  }\n\n  @include media-breakpoint-up(lg) {\n    > ul,\n    > ol,\n    > p {\n      max-width: 80%;\n    }\n  }\n}\n\n.bd-title {\n  margin-top: 1rem;\n  margin-bottom: .5rem;\n  font-weight: 300;\n\n  @include media-breakpoint-up(sm) {\n    font-size: 3rem;\n  }\n}\n\n.bd-lead {\n  font-size: 1.125rem;\n  font-weight: 300;\n\n  @include media-breakpoint-up(sm) {\n    max-width: 80%;\n    margin-bottom: 1rem;\n    font-size: 1.5rem;\n  }\n}\n\n.bd-text-purple { color: $bd-purple; }\n.bd-text-purple-bright { color: $bd-purple-bright; }\n","/*!\n * Bootstrap Docs (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under the Creative Commons Attribution 3.0 Unported License. For\n * details, see https://creativecommons.org/licenses/by/3.0/.\n */\n.bd-navbar {\n  min-height: 4rem;\n  background-color: #563d7c;\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.1);\n}\n\n@media (max-width: 991.98px) {\n  .bd-navbar {\n    padding-right: .5rem;\n    padding-left: .5rem;\n  }\n  .bd-navbar .navbar-nav-scroll {\n    max-width: 100%;\n    height: 2.5rem;\n    margin-top: .25rem;\n    overflow: hidden;\n    font-size: .875rem;\n  }\n  .bd-navbar .navbar-nav-scroll .navbar-nav {\n    padding-bottom: 2rem;\n    overflow-x: auto;\n    white-space: nowrap;\n    -webkit-overflow-scrolling: touch;\n  }\n}\n\n@media (min-width: 768px) {\n  @supports ((position: -webkit-sticky) or (position: sticky)) {\n    .bd-navbar {\n      position: -webkit-sticky;\n      position: sticky;\n      top: 0;\n      z-index: 1071;\n    }\n  }\n}\n\n.bd-navbar .navbar-nav .nav-link {\n  padding-right: .5rem;\n  padding-left: .5rem;\n  color: #cbbde2;\n}\n\n.bd-navbar .navbar-nav .nav-link.active, .bd-navbar .navbar-nav .nav-link:hover {\n  color: #fff;\n  background-color: transparent;\n}\n\n.bd-navbar .navbar-nav .nav-link.active {\n  font-weight: 500;\n}\n\n.bd-navbar .navbar-nav-svg {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  vertical-align: text-top;\n}\n\n.bd-navbar .dropdown-menu {\n  font-size: .875rem;\n}\n\n.bd-navbar .dropdown-item.active {\n  font-weight: 500;\n  color: #212529;\n  background-color: transparent;\n  background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: .4rem .6rem;\n  background-size: .75rem .75rem;\n}\n\n.bd-masthead {\n  position: relative;\n  padding: 3rem 15px;\n}\n\n.bd-masthead h1 {\n  line-height: 1;\n}\n\n.bd-masthead .btn {\n  width: 100%;\n  padding: .8rem 2rem;\n  font-size: 1.25rem;\n  font-weight: 500;\n}\n\n.bd-masthead .carbonad {\n  margin-top: 0 !important;\n  margin-bottom: -3rem !important;\n}\n\n@media (min-width: 576px) {\n  .bd-masthead {\n    padding-top: 5rem;\n    padding-bottom: 5rem;\n  }\n  .bd-masthead .carbonad {\n    margin-bottom: 0 !important;\n  }\n}\n\n@media (min-width: 768px) {\n  .bd-masthead h1 {\n    font-size: 4rem;\n  }\n  .bd-masthead .carbonad {\n    margin-top: 3rem !important;\n  }\n}\n\n.half-rule {\n  width: 6rem;\n  margin: 2.5rem 0;\n}\n\n.masthead-followup .bd-clipboard {\n  display: none;\n}\n\n.masthead-followup .highlight {\n  padding: .5rem 0;\n  background-color: transparent;\n}\n\n#carbonads {\n  position: static;\n  display: block;\n  max-width: 400px;\n  padding: 15px 15px 15px 160px;\n  margin: 2rem 0;\n  overflow: hidden;\n  font-size: 13px;\n  line-height: 1.4;\n  text-align: left;\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n#carbonads a {\n  color: #333;\n  text-decoration: none;\n}\n\n@media (min-width: 576px) {\n  #carbonads {\n    max-width: 330px;\n    border-radius: 4px;\n  }\n}\n\n.carbon-img {\n  float: left;\n  margin-left: -145px;\n}\n\n.carbon-poweredby {\n  display: block;\n  color: #777 !important;\n}\n\n.bd-content {\n  -ms-flex-order: 1;\n  order: 1;\n}\n\n.bd-content > h2[id],\n.bd-content > h3[id],\n.bd-content > h4[id] {\n  pointer-events: none;\n}\n\n.bd-content > h2[id] > div,\n.bd-content > h2[id] > a,\n.bd-content > h3[id] > div,\n.bd-content > h3[id] > a,\n.bd-content > h4[id] > div,\n.bd-content > h4[id] > a {\n  pointer-events: auto;\n}\n\n.bd-content > h2[id]::before,\n.bd-content > h3[id]::before,\n.bd-content > h4[id]::before {\n  display: block;\n  height: 6rem;\n  margin-top: -6rem;\n  visibility: hidden;\n  content: \"\";\n}\n\n.bd-content > table {\n  width: 100%;\n  max-width: 100%;\n  margin-bottom: 1rem;\n}\n\n@media (max-width: 991.98px) {\n  .bd-content > table {\n    display: block;\n    overflow-x: auto;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n  }\n  .bd-content > table.table-bordered {\n    border: 0;\n  }\n}\n\n.bd-content > table > thead > tr > th,\n.bd-content > table > thead > tr > td,\n.bd-content > table > tbody > tr > th,\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tfoot > tr > th,\n.bd-content > table > tfoot > tr > td {\n  padding: 0.75rem;\n  vertical-align: top;\n  border: 1px solid #dee2e6;\n}\n\n.bd-content > table > thead > tr > th > p:last-child,\n.bd-content > table > thead > tr > td > p:last-child,\n.bd-content > table > tbody > tr > th > p:last-child,\n.bd-content > table > tbody > tr > td > p:last-child,\n.bd-content > table > tfoot > tr > th > p:last-child,\n.bd-content > table > tfoot > tr > td > p:last-child {\n  margin-bottom: 0;\n}\n\n.bd-content > table td:first-child > code {\n  white-space: nowrap;\n}\n\n.bd-content > h2:not(:first-child) {\n  margin-top: 3rem;\n}\n\n.bd-content > h3 {\n  margin-top: 1.5rem;\n}\n\n.bd-content > ul li,\n.bd-content > ol li {\n  margin-bottom: .25rem;\n}\n\n@media (min-width: 992px) {\n  .bd-content > ul,\n  .bd-content > ol,\n  .bd-content > p {\n    max-width: 80%;\n  }\n}\n\n.bd-title {\n  margin-top: 1rem;\n  margin-bottom: .5rem;\n  font-weight: 300;\n}\n\n@media (min-width: 576px) {\n  .bd-title {\n    font-size: 3rem;\n  }\n}\n\n.bd-lead {\n  font-size: 1.125rem;\n  font-weight: 300;\n}\n\n@media (min-width: 576px) {\n  .bd-lead {\n    max-width: 80%;\n    margin-bottom: 1rem;\n    font-size: 1.5rem;\n  }\n}\n\n.bd-text-purple {\n  color: #563d7c;\n}\n\n.bd-text-purple-bright {\n  color: #7952b3;\n}\n\n#skippy {\n  display: block;\n  padding: 1em;\n  color: #fff;\n  background-color: #563d7c;\n  outline: 0;\n}\n\n#skippy .skiplink-text {\n  padding: .5em;\n  outline: 1px dotted;\n}\n\n.bd-toc {\n  -ms-flex-order: 2;\n  order: 2;\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  font-size: .875rem;\n}\n\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n  .bd-toc {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 4rem;\n    height: calc(100vh - 4rem);\n    overflow-y: auto;\n  }\n}\n\n.section-nav {\n  padding-left: 0;\n  border-left: 1px solid #eee;\n}\n\n.section-nav ul {\n  padding-left: 1rem;\n}\n\n.section-nav ul ul {\n  display: none;\n}\n\n.toc-entry {\n  display: block;\n}\n\n.toc-entry a {\n  display: block;\n  padding: .125rem 1.5rem;\n  color: #99979c;\n}\n\n.toc-entry a:hover {\n  color: #007bff;\n  text-decoration: none;\n}\n\n.bd-sidebar {\n  -ms-flex-order: 0;\n  order: 0;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n@media (min-width: 768px) {\n  .bd-sidebar {\n    border-right: 1px solid rgba(0, 0, 0, 0.1);\n  }\n  @supports ((position: -webkit-sticky) or (position: sticky)) {\n    .bd-sidebar {\n      position: -webkit-sticky;\n      position: sticky;\n      top: 4rem;\n      z-index: 1000;\n      height: calc(100vh - 4rem);\n    }\n  }\n}\n\n@media (min-width: 1200px) {\n  .bd-sidebar {\n    -ms-flex: 0 1 320px;\n    flex: 0 1 320px;\n  }\n}\n\n.bd-links {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  margin-right: -15px;\n  margin-left: -15px;\n}\n\n@media (min-width: 768px) {\n  @supports ((position: -webkit-sticky) or (position: sticky)) {\n    .bd-links {\n      max-height: calc(100vh - 9rem);\n      overflow-y: auto;\n    }\n  }\n}\n\n@media (min-width: 768px) {\n  .bd-links {\n    display: block !important;\n  }\n}\n\n.bd-search {\n  position: relative;\n  padding: 1rem 15px;\n  margin-right: -15px;\n  margin-left: -15px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.bd-search .form-control:focus {\n  border-color: #7952b3;\n  box-shadow: 0 0 0 3px rgba(121, 82, 179, 0.25);\n}\n\n.bd-search-docs-toggle {\n  line-height: 1;\n  color: #212529;\n}\n\n.bd-sidenav {\n  display: none;\n}\n\n.bd-toc-link {\n  display: block;\n  padding: .25rem 1.5rem;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.65);\n}\n\n.bd-toc-link:hover {\n  color: rgba(0, 0, 0, 0.85);\n  text-decoration: none;\n}\n\n.bd-toc-item.active {\n  margin-bottom: 1rem;\n}\n\n.bd-toc-item.active:not(:first-child) {\n  margin-top: 1rem;\n}\n\n.bd-toc-item.active > .bd-toc-link {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.bd-toc-item.active > .bd-toc-link:hover {\n  background-color: transparent;\n}\n\n.bd-toc-item.active > .bd-sidenav {\n  display: block;\n}\n\n.bd-sidebar .nav > li > a {\n  display: block;\n  padding: .25rem 1.5rem;\n  font-size: 90%;\n  color: rgba(0, 0, 0, 0.65);\n}\n\n.bd-sidebar .nav > li > a:hover {\n  color: rgba(0, 0, 0, 0.85);\n  text-decoration: none;\n  background-color: transparent;\n}\n\n.bd-sidebar .nav > .active > a,\n.bd-sidebar .nav > .active:hover > a {\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.85);\n  background-color: transparent;\n}\n\n.bd-footer {\n  font-size: 85%;\n  text-align: center;\n  background-color: #f7f7f7;\n}\n\n.bd-footer a {\n  font-weight: 500;\n  color: #495057;\n}\n\n.bd-footer a:hover, .bd-footer a:focus {\n  color: #007bff;\n}\n\n.bd-footer p {\n  margin-bottom: 0;\n}\n\n@media (min-width: 576px) {\n  .bd-footer {\n    text-align: left;\n  }\n}\n\n.bd-footer-links {\n  padding-left: 0;\n  margin-bottom: 1rem;\n}\n\n.bd-footer-links li {\n  display: inline-block;\n}\n\n.bd-footer-links li + li {\n  margin-left: 1rem;\n}\n\n.bd-example-row .row > .col,\n.bd-example-row .row > [class^=\"col-\"] {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n  background-color: rgba(86, 61, 124, 0.15);\n  border: 1px solid rgba(86, 61, 124, 0.2);\n}\n\n.bd-example-row .row + .row {\n  margin-top: 1rem;\n}\n\n.bd-example-row .flex-items-top,\n.bd-example-row .flex-items-middle,\n.bd-example-row .flex-items-bottom {\n  min-height: 6rem;\n  background-color: rgba(255, 0, 0, 0.1);\n}\n\n.bd-example-row-flex-cols .row {\n  min-height: 10rem;\n  background-color: rgba(255, 0, 0, 0.1);\n}\n\n.bd-highlight {\n  background-color: rgba(86, 61, 124, 0.15);\n  border: 1px solid rgba(86, 61, 124, 0.15);\n}\n\n.example-container {\n  width: 800px;\n  width: 100%;\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.example-row {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n}\n\n.example-content-main {\n  position: relative;\n  width: 100%;\n  min-height: 1px;\n  padding-right: 15px;\n  padding-left: 15px;\n}\n\n@media (min-width: 576px) {\n  .example-content-main {\n    -ms-flex: 0 0 50%;\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n}\n\n@media (min-width: 992px) {\n  .example-content-main {\n    -ms-flex: 0 0 66.666667%;\n    flex: 0 0 66.666667%;\n    max-width: 66.666667%;\n  }\n}\n\n.example-content-secondary {\n  position: relative;\n  width: 100%;\n  min-height: 1px;\n  padding-right: 15px;\n  padding-left: 15px;\n}\n\n@media (min-width: 576px) {\n  .example-content-secondary {\n    -ms-flex: 0 0 50%;\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n}\n\n@media (min-width: 992px) {\n  .example-content-secondary {\n    -ms-flex: 0 0 33.333333%;\n    flex: 0 0 33.333333%;\n    max-width: 33.333333%;\n  }\n}\n\n.bd-example-container {\n  min-width: 16rem;\n  max-width: 25rem;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.bd-example-container-header {\n  height: 3rem;\n  margin-bottom: .5rem;\n  background-color: white;\n  border-radius: .25rem;\n}\n\n.bd-example-container-sidebar {\n  float: right;\n  width: 4rem;\n  height: 8rem;\n  background-color: #80bdff;\n  border-radius: .25rem;\n}\n\n.bd-example-container-body {\n  height: 8rem;\n  margin-right: 4.5rem;\n  background-color: #957bbe;\n  border-radius: .25rem;\n}\n\n.bd-example-container-fluid {\n  max-width: none;\n}\n\n.bd-example {\n  position: relative;\n  padding: 1rem;\n  margin: 1rem -15px 0;\n  border: solid #f8f9fa;\n  border-width: .2rem 0 0;\n}\n\n.bd-example::after {\n  display: block;\n  clear: both;\n  content: \"\";\n}\n\n@media (min-width: 576px) {\n  .bd-example {\n    padding: 1.5rem;\n    margin-right: 0;\n    margin-left: 0;\n    border-width: .2rem;\n  }\n}\n\n.bd-example + .highlight,\n.bd-example + .clipboard + .highlight {\n  margin-top: 0;\n}\n\n.bd-example + p {\n  margin-top: 2rem;\n}\n\n.bd-example .pos-f-t {\n  position: relative;\n  margin: -1rem;\n}\n\n@media (min-width: 576px) {\n  .bd-example .pos-f-t {\n    margin: -1.5rem;\n  }\n}\n\n.bd-example .custom-file-input:lang(es) ~ .custom-file-label::after {\n  content: \"Elegir\";\n}\n\n.bd-example > .form-control + .form-control {\n  margin-top: .5rem;\n}\n\n.bd-example > .nav + .nav,\n.bd-example > .alert + .alert,\n.bd-example > .navbar + .navbar,\n.bd-example > .progress + .progress,\n.bd-example > .progress + .btn {\n  margin-top: 1rem;\n}\n\n.bd-example > .dropdown-menu:first-child {\n  position: static;\n  display: block;\n}\n\n.bd-example > .form-group:last-child {\n  margin-bottom: 0;\n}\n\n.bd-example > .close {\n  float: none;\n}\n\n.bd-example-type .table .type-info {\n  color: #999;\n  vertical-align: middle;\n}\n\n.bd-example-type .table td {\n  padding: 1rem 0;\n  border-color: #eee;\n}\n\n.bd-example-type .table tr:first-child td {\n  border-top: 0;\n}\n\n.bd-example-type h1,\n.bd-example-type h2,\n.bd-example-type h3,\n.bd-example-type h4,\n.bd-example-type h5,\n.bd-example-type h6 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.bd-example-bg-classes p {\n  padding: 1rem;\n}\n\n.bd-example > img + img {\n  margin-left: .5rem;\n}\n\n.bd-example > .btn-group {\n  margin-top: .25rem;\n  margin-bottom: .25rem;\n}\n\n.bd-example > .btn-toolbar + .btn-toolbar {\n  margin-top: .5rem;\n}\n\n.bd-example-control-sizing select,\n.bd-example-control-sizing input[type=\"text\"] + input[type=\"text\"] {\n  margin-top: .5rem;\n}\n\n.bd-example-form .input-group {\n  margin-bottom: .5rem;\n}\n\n.bd-example > textarea.form-control {\n  resize: vertical;\n}\n\n.bd-example > .list-group {\n  max-width: 400px;\n}\n\n.bd-example .fixed-top,\n.bd-example .sticky-top {\n  position: static;\n  margin: -1rem -1rem 1rem;\n}\n\n.bd-example .fixed-bottom {\n  position: static;\n  margin: 1rem -1rem -1rem;\n}\n\n@media (min-width: 576px) {\n  .bd-example .fixed-top,\n  .bd-example .sticky-top {\n    margin: -1.5rem -1.5rem 1rem;\n  }\n  .bd-example .fixed-bottom {\n    margin: 1rem -1.5rem -1.5rem;\n  }\n}\n\n.bd-example .pagination {\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n.modal {\n  z-index: 1072;\n}\n\n.modal .tooltip,\n.modal .popover {\n  z-index: 1073;\n}\n\n.modal-backdrop {\n  z-index: 1071;\n}\n\n.bd-example-modal {\n  background-color: #fafafa;\n}\n\n.bd-example-modal .modal {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  z-index: 1;\n  display: block;\n}\n\n.bd-example-modal .modal-dialog {\n  left: auto;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.bd-example-tabs .nav-tabs {\n  margin-bottom: 1rem;\n}\n\n.bd-example-popover-static {\n  padding-bottom: 1.5rem;\n  background-color: #f9f9f9;\n}\n\n.bd-example-popover-static .popover {\n  position: relative;\n  display: block;\n  float: left;\n  width: 260px;\n  margin: 1.25rem;\n}\n\n.tooltip-demo a {\n  white-space: nowrap;\n}\n\n.bd-example-tooltip-static .tooltip {\n  position: relative;\n  display: inline-block;\n  margin: 10px 20px;\n  opacity: 1;\n}\n\n.scrollspy-example {\n  position: relative;\n  height: 200px;\n  margin-top: .5rem;\n  overflow: auto;\n}\n\n.scrollspy-example-2 {\n  position: relative;\n  height: 350px;\n  overflow: auto;\n}\n\n.bd-example-border-utils [class^=\"border\"] {\n  display: inline-block;\n  width: 5rem;\n  height: 5rem;\n  margin: .25rem;\n  background-color: #f5f5f5;\n}\n\n.bd-example-border-utils-0 [class^=\"border\"] {\n  border: 1px solid #dee2e6;\n}\n\n.highlight {\n  padding: 1rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n  background-color: #f8f9fa;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n@media (min-width: 576px) {\n  .highlight {\n    padding: 1.5rem;\n  }\n}\n\n.bd-content .highlight {\n  margin-right: -15px;\n  margin-left: -15px;\n}\n\n@media (min-width: 576px) {\n  .bd-content .highlight {\n    margin-right: 0;\n    margin-left: 0;\n  }\n}\n\n.highlight pre {\n  padding: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n.highlight pre code {\n  font-size: inherit;\n  color: #212529;\n}\n\n.btn-bd-primary {\n  font-weight: 500;\n  color: #7952b3;\n  border-color: #7952b3;\n}\n\n.btn-bd-primary:hover, .btn-bd-primary:active {\n  color: #fff;\n  background-color: #7952b3;\n  border-color: #7952b3;\n}\n\n.btn-bd-primary:focus {\n  box-shadow: 0 0 0 3px rgba(121, 82, 179, 0.25);\n}\n\n.btn-bd-download {\n  font-weight: 500;\n  color: #ffe484;\n  border-color: #ffe484;\n}\n\n.btn-bd-download:hover, .btn-bd-download:active {\n  color: #2a2730;\n  background-color: #ffe484;\n  border-color: #ffe484;\n}\n\n.btn-bd-download:focus {\n  box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.25);\n}\n\n.bd-callout {\n  padding: 1.25rem;\n  margin-top: 1.25rem;\n  margin-bottom: 1.25rem;\n  border: 1px solid #eee;\n  border-left-width: .25rem;\n  border-radius: .25rem;\n}\n\n.bd-callout h4 {\n  margin-top: 0;\n  margin-bottom: .25rem;\n}\n\n.bd-callout p:last-child {\n  margin-bottom: 0;\n}\n\n.bd-callout code {\n  border-radius: .25rem;\n}\n\n.bd-callout + .bd-callout {\n  margin-top: -.25rem;\n}\n\n.bd-callout-info {\n  border-left-color: #5bc0de;\n}\n\n.bd-callout-info h4 {\n  color: #5bc0de;\n}\n\n.bd-callout-warning {\n  border-left-color: #f0ad4e;\n}\n\n.bd-callout-warning h4 {\n  color: #f0ad4e;\n}\n\n.bd-callout-danger {\n  border-left-color: #d9534f;\n}\n\n.bd-callout-danger h4 {\n  color: #d9534f;\n}\n\n.bd-examples .img-thumbnail {\n  margin-bottom: .75rem;\n}\n\n.bd-examples h4 {\n  margin-bottom: .25rem;\n}\n\n.bd-examples p {\n  margin-bottom: 1.25rem;\n}\n\n@media (max-width: 480px) {\n  .bd-examples {\n    margin-right: -.75rem;\n    margin-left: -.75rem;\n  }\n  .bd-examples > [class^=\"col-\"] {\n    padding-right: .75rem;\n    padding-left: .75rem;\n  }\n}\n\n.bd-browser-bugs td p {\n  margin-bottom: 0;\n}\n\n.bd-browser-bugs th:first-child {\n  width: 18%;\n}\n\n.bd-brand-logos {\n  display: table;\n  width: 100%;\n  margin-bottom: 1rem;\n  overflow: hidden;\n  color: #563d7c;\n  background-color: #f9f9f9;\n  border-radius: .25rem;\n}\n\n.bd-brand-item {\n  padding: 4rem 0;\n  text-align: center;\n}\n\n.bd-brand-item + .bd-brand-item {\n  border-top: 1px solid #fff;\n}\n\n.bd-brand-logos .inverse {\n  color: #fff;\n  background-color: #563d7c;\n}\n\n.bd-brand-item h1,\n.bd-brand-item h3 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.bd-brand-item .bd-booticon {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media (min-width: 768px) {\n  .bd-brand-item {\n    display: table-cell;\n    width: 1%;\n  }\n  .bd-brand-item + .bd-brand-item {\n    border-top: 0;\n    border-left: 1px solid #fff;\n  }\n  .bd-brand-item h1 {\n    font-size: 4rem;\n  }\n}\n\n.color-swatches {\n  margin: 0 -5px;\n  overflow: hidden;\n}\n\n.color-swatch {\n  float: left;\n  width: 4rem;\n  height: 4rem;\n  margin-right: .25rem;\n  margin-left: .25rem;\n  border-radius: .25rem;\n}\n\n@media (min-width: 768px) {\n  .color-swatch {\n    width: 6rem;\n    height: 6rem;\n  }\n}\n\n.color-swatches .bd-purple {\n  background-color: #563d7c;\n}\n\n.color-swatches .bd-purple-light {\n  background-color: #cbbde2;\n}\n\n.color-swatches .bd-purple-lighter {\n  background-color: #e5e1ea;\n}\n\n.color-swatches .bd-gray {\n  background-color: #f9f9f9;\n}\n\n.swatch-blue {\n  color: #fff;\n  background-color: #007bff;\n}\n\n.swatch-indigo {\n  color: #fff;\n  background-color: #6610f2;\n}\n\n.swatch-purple {\n  color: #fff;\n  background-color: #6f42c1;\n}\n\n.swatch-pink {\n  color: #fff;\n  background-color: #e83e8c;\n}\n\n.swatch-red {\n  color: #fff;\n  background-color: #dc3545;\n}\n\n.swatch-orange {\n  color: #212529;\n  background-color: #fd7e14;\n}\n\n.swatch-yellow {\n  color: #212529;\n  background-color: #ffc107;\n}\n\n.swatch-green {\n  color: #fff;\n  background-color: #28a745;\n}\n\n.swatch-teal {\n  color: #fff;\n  background-color: #20c997;\n}\n\n.swatch-cyan {\n  color: #fff;\n  background-color: #17a2b8;\n}\n\n.swatch-white {\n  color: #212529;\n  background-color: #fff;\n}\n\n.swatch-gray {\n  color: #fff;\n  background-color: #6c757d;\n}\n\n.swatch-gray-dark {\n  color: #fff;\n  background-color: #343a40;\n}\n\n.swatch-primary {\n  color: #fff;\n  background-color: #007bff;\n}\n\n.swatch-secondary {\n  color: #fff;\n  background-color: #6c757d;\n}\n\n.swatch-success {\n  color: #fff;\n  background-color: #28a745;\n}\n\n.swatch-info {\n  color: #fff;\n  background-color: #17a2b8;\n}\n\n.swatch-warning {\n  color: #212529;\n  background-color: #ffc107;\n}\n\n.swatch-danger {\n  color: #fff;\n  background-color: #dc3545;\n}\n\n.swatch-light {\n  color: #212529;\n  background-color: #f8f9fa;\n}\n\n.swatch-dark {\n  color: #fff;\n  background-color: #343a40;\n}\n\n.swatch-100 {\n  color: #212529;\n  background-color: #f8f9fa;\n}\n\n.swatch-200 {\n  color: #212529;\n  background-color: #e9ecef;\n}\n\n.swatch-300 {\n  color: #212529;\n  background-color: #dee2e6;\n}\n\n.swatch-400 {\n  color: #212529;\n  background-color: #ced4da;\n}\n\n.swatch-500 {\n  color: #212529;\n  background-color: #adb5bd;\n}\n\n.swatch-600 {\n  color: #fff;\n  background-color: #6c757d;\n}\n\n.swatch-700 {\n  color: #fff;\n  background-color: #495057;\n}\n\n.swatch-800 {\n  color: #fff;\n  background-color: #343a40;\n}\n\n.swatch-900 {\n  color: #fff;\n  background-color: #212529;\n}\n\n.bd-clipboard {\n  position: relative;\n  display: none;\n  float: right;\n}\n\n.bd-clipboard + .highlight {\n  margin-top: 0;\n}\n\n.btn-clipboard {\n  position: absolute;\n  top: .5rem;\n  right: .5rem;\n  z-index: 10;\n  display: block;\n  padding: .25rem .5rem;\n  font-size: 75%;\n  color: #818a91;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  border-radius: .25rem;\n}\n\n.btn-clipboard:hover {\n  color: #fff;\n  background-color: #027de7;\n}\n\n@media (min-width: 768px) {\n  .bd-clipboard {\n    display: block;\n  }\n}\n\n.hll {\n  background-color: #ffc;\n}\n\n.c {\n  color: #999;\n}\n\n.k {\n  color: #069;\n}\n\n.o {\n  color: #555;\n}\n\n.cm {\n  color: #999;\n}\n\n.cp {\n  color: #099;\n}\n\n.c1 {\n  color: #999;\n}\n\n.cs {\n  color: #999;\n}\n\n.gd {\n  background-color: #fcc;\n  border: 1px solid #c00;\n}\n\n.ge {\n  font-style: italic;\n}\n\n.gr {\n  color: #f00;\n}\n\n.gh {\n  color: #030;\n}\n\n.gi {\n  background-color: #cfc;\n  border: 1px solid #0c0;\n}\n\n.go {\n  color: #aaa;\n}\n\n.gp {\n  color: #009;\n}\n\n.gu {\n  color: #030;\n}\n\n.gt {\n  color: #9c6;\n}\n\n.kc {\n  color: #069;\n}\n\n.kd {\n  color: #069;\n}\n\n.kn {\n  color: #069;\n}\n\n.kp {\n  color: #069;\n}\n\n.kr {\n  color: #069;\n}\n\n.kt {\n  color: #078;\n}\n\n.m {\n  color: #f60;\n}\n\n.s {\n  color: #d44950;\n}\n\n.na {\n  color: #4f9fcf;\n}\n\n.nb {\n  color: #366;\n}\n\n.nc {\n  color: #0a8;\n}\n\n.no {\n  color: #360;\n}\n\n.nd {\n  color: #99f;\n}\n\n.ni {\n  color: #999;\n}\n\n.ne {\n  color: #c00;\n}\n\n.nf {\n  color: #c0f;\n}\n\n.nl {\n  color: #99f;\n}\n\n.nn {\n  color: #0cf;\n}\n\n.nt {\n  color: #2f6f9f;\n}\n\n.nv {\n  color: #033;\n}\n\n.ow {\n  color: #000;\n}\n\n.w {\n  color: #bbb;\n}\n\n.mf {\n  color: #f60;\n}\n\n.mh {\n  color: #f60;\n}\n\n.mi {\n  color: #f60;\n}\n\n.mo {\n  color: #f60;\n}\n\n.sb {\n  color: #c30;\n}\n\n.sc {\n  color: #c30;\n}\n\n.sd {\n  font-style: italic;\n  color: #c30;\n}\n\n.s2 {\n  color: #c30;\n}\n\n.se {\n  color: #c30;\n}\n\n.sh {\n  color: #c30;\n}\n\n.si {\n  color: #a00;\n}\n\n.sx {\n  color: #c30;\n}\n\n.sr {\n  color: #3aa;\n}\n\n.s1 {\n  color: #c30;\n}\n\n.ss {\n  color: #fc3;\n}\n\n.bp {\n  color: #366;\n}\n\n.vc {\n  color: #033;\n}\n\n.vg {\n  color: #033;\n}\n\n.vi {\n  color: #033;\n}\n\n.il {\n  color: #f60;\n}\n\n.css .o,\n.css .o + .nt,\n.css .nt + .nt {\n  color: #999;\n}\n\n.language-bash::before,\n.language-sh::before {\n  color: #009;\n  content: \"$ \";\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.language-powershell::before {\n  color: #009;\n  content: \"PM> \";\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.anchorjs-link {\n  font-weight: 400;\n  color: rgba(0, 123, 255, 0.5);\n  transition: color .16s linear;\n}\n\n.anchorjs-link:hover {\n  color: #007bff;\n  text-decoration: none;\n}\n\n.algolia-autocomplete {\n  display: block !important;\n  -ms-flex: 1;\n  flex: 1;\n}\n\n.algolia-autocomplete .ds-dropdown-menu {\n  width: 100%;\n  min-width: 0 !important;\n  max-width: none !important;\n  padding: .75rem 0 !important;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);\n}\n\n@media (min-width: 768px) {\n  .algolia-autocomplete .ds-dropdown-menu {\n    width: 175%;\n  }\n}\n\n.algolia-autocomplete .ds-dropdown-menu::before {\n  display: none !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu [class^=\"ds-dataset-\"] {\n  padding: 0 !important;\n  overflow: visible !important;\n  background-color: transparent !important;\n  border: 0 !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu .ds-suggestions {\n  margin-top: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion {\n  padding: 0 !important;\n  overflow: visible !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--category-header {\n  padding: .125rem 1rem !important;\n  margin-top: 0 !important;\n  font-size: .875rem !important;\n  font-weight: 500 !important;\n  color: #7952b3 !important;\n  border-bottom: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--wrapper {\n  float: none !important;\n  padding-top: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {\n  float: none !important;\n  width: auto !important;\n  padding: 0 !important;\n  text-align: left !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--content {\n  float: none !important;\n  width: auto !important;\n  padding: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--content::before {\n  display: none !important;\n}\n\n.algolia-autocomplete .ds-suggestion:not(:first-child) .algolia-docsearch-suggestion--category-header {\n  padding-top: .75rem !important;\n  margin-top: .75rem !important;\n  border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.algolia-autocomplete .ds-suggestion .algolia-docsearch-suggestion--subcategory-column {\n  display: none !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--title {\n  display: block;\n  padding: .25rem 1rem !important;\n  margin-bottom: 0 !important;\n  font-size: .875rem !important;\n  font-weight: 400 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--text {\n  padding: 0 1rem .5rem !important;\n  margin-top: -.25rem;\n  font-size: .875rem !important;\n  font-weight: 400;\n  line-height: 1.25 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-footer {\n  float: none !important;\n  width: auto !important;\n  height: auto !important;\n  padding: .75rem 1rem 0;\n  font-size: .75rem !important;\n  line-height: 1 !important;\n  color: #767676 !important;\n  border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.algolia-autocomplete .algolia-docsearch-footer--logo {\n  display: inline !important;\n  overflow: visible !important;\n  color: inherit !important;\n  text-indent: 0 !important;\n  background: none !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--highlight {\n  color: #5f2dab;\n  background-color: rgba(154, 132, 187, 0.12);\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {\n  box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, 0.5) !important;\n}\n\n.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n  background-color: rgba(208, 189, 236, 0.15) !important;\n}\n/*# sourceMappingURL=docs.min.css.map */","// stylelint-disable selector-max-id\n\n#skippy {\n  display: block;\n  padding: 1em;\n  color: #fff;\n  background-color: $bd-purple;\n  outline: 0;\n\n  .skiplink-text {\n    padding: .5em;\n    outline: 1px dotted;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Right side table of contents\n//\n\n.bd-toc {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 4rem;\n    height: calc(100vh - 4rem);\n    overflow-y: auto;\n  }\n  order: 2;\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  font-size: .875rem;\n}\n\n.section-nav {\n  padding-left: 0;\n  border-left: 1px solid #eee;\n\n  ul {\n    padding-left: 1rem;\n\n    ul {\n      display: none;\n    }\n  }\n}\n\n.toc-entry {\n  display: block;\n\n  a {\n    display: block;\n    padding: .125rem 1.5rem;\n    color: #99979c;\n\n    &:hover {\n      color: $blue;\n      text-decoration: none;\n    }\n  }\n}\n\n//\n// Left side navigation\n//\n\n.bd-sidebar {\n  order: 0;\n  // background-color: #f5f2f9;\n  border-bottom: 1px solid rgba(0, 0, 0, .1);\n\n  @include media-breakpoint-up(md) {\n    @supports (position: sticky) {\n      position: sticky;\n      top: 4rem;\n      z-index: 1000;\n      height: calc(100vh - 4rem);\n    }\n    border-right: 1px solid rgba(0, 0, 0, .1);\n  }\n\n  @include media-breakpoint-up(xl) {\n    flex: 0 1 320px;\n  }\n}\n\n.bd-links {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  margin-right: -15px;\n  margin-left: -15px;\n\n  @include media-breakpoint-up(md) {\n    @supports (position: sticky) {\n      max-height: calc(100vh - 9rem);\n      overflow-y: auto;\n    }\n  }\n\n  // Override collapse behaviors\n  @include media-breakpoint-up(md) {\n    display: block !important;\n  }\n}\n\n.bd-search {\n  position: relative; // To contain the Algolia search\n  padding: 1rem 15px;\n  margin-right: -15px;\n  margin-left: -15px;\n  border-bottom: 1px solid rgba(0, 0, 0, .05);\n\n  .form-control:focus {\n    border-color: $bd-purple-bright;\n    box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);\n  }\n}\n\n.bd-search-docs-toggle {\n  line-height: 1;\n  color: $gray-900;\n}\n\n.bd-sidenav {\n  display: none;\n}\n\n.bd-toc-link {\n  display: block;\n  padding: .25rem 1.5rem;\n  font-weight: 500;\n  color: rgba(0, 0, 0, .65);\n\n  &:hover {\n    color: rgba(0, 0, 0, .85);\n    text-decoration: none;\n  }\n}\n\n.bd-toc-item {\n  &.active {\n    margin-bottom: 1rem;\n\n    &:not(:first-child) {\n      margin-top: 1rem;\n    }\n\n    > .bd-toc-link {\n      color: rgba(0, 0, 0, .85);\n\n      &:hover {\n        background-color: transparent;\n      }\n    }\n\n    > .bd-sidenav {\n      display: block;\n    }\n  }\n}\n\n// All levels of nav\n.bd-sidebar .nav > li > a {\n  display: block;\n  padding: .25rem 1.5rem;\n  font-size: 90%;\n  color: rgba(0, 0, 0, .65);\n}\n\n.bd-sidebar .nav > li > a:hover {\n  color: rgba(0, 0, 0, .85);\n  text-decoration: none;\n  background-color: transparent;\n}\n\n.bd-sidebar .nav > .active > a,\n.bd-sidebar .nav > .active:hover > a {\n  font-weight: 500;\n  color: rgba(0, 0, 0, .85);\n  background-color: transparent;\n}\n","//\n// Footer\n//\n\n.bd-footer {\n  font-size: 85%;\n  text-align: center;\n  background-color: #f7f7f7;\n\n  a {\n    font-weight: 500;\n    color: $gray-700;\n\n    &:hover,\n    &:focus {\n      color: $link-color;\n    }\n  }\n\n  p {\n    margin-bottom: 0;\n  }\n\n  @include media-breakpoint-up(sm) {\n    text-align: left;\n  }\n}\n\n.bd-footer-links {\n  padding-left: 0;\n  margin-bottom: 1rem;\n\n  li {\n    display: inline-block;\n\n    + li {\n      margin-left: 1rem;\n    }\n  }\n}\n","// stylelint-disable no-duplicate-selectors, selector-no-qualifying-type\n\n//\n// Grid examples\n//\n\n.bd-example-row {\n  .row {\n    > .col,\n    > [class^=\"col-\"] {\n      padding-top: .75rem;\n      padding-bottom: .75rem;\n      background-color: rgba(86, 61, 124, .15);\n      border: 1px solid rgba(86, 61, 124, .2);\n    }\n  }\n\n  .row + .row {\n    margin-top: 1rem;\n  }\n\n  .flex-items-top,\n  .flex-items-middle,\n  .flex-items-bottom {\n    min-height: 6rem;\n    background-color: rgba(255, 0, 0, .1);\n  }\n}\n\n.bd-example-row-flex-cols .row {\n  min-height: 10rem;\n  background-color: rgba(255, 0, 0, .1);\n}\n\n.bd-highlight {\n  background-color: rgba($bd-purple, .15);\n  border: 1px solid rgba($bd-purple, .15);\n}\n\n// Grid mixins\n.example-container {\n  width: 800px;\n  @include make-container();\n}\n\n.example-row {\n  @include make-row();\n}\n\n.example-content-main {\n  @include make-col-ready();\n\n  @include media-breakpoint-up(sm) {\n    @include make-col(6);\n  }\n\n  @include media-breakpoint-up(lg) {\n    @include make-col(8);\n  }\n}\n\n.example-content-secondary {\n  @include make-col-ready();\n\n  @include media-breakpoint-up(sm) {\n    @include make-col(6);\n  }\n\n  @include media-breakpoint-up(lg) {\n    @include make-col(4);\n  }\n}\n\n\n//\n// Container illustrations\n//\n\n.bd-example-container {\n  min-width: 16rem;\n  max-width: 25rem;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.bd-example-container-header {\n  height: 3rem;\n  margin-bottom: .5rem;\n  background-color: lighten($blue, 50%);\n  border-radius: .25rem;\n}\n\n.bd-example-container-sidebar {\n  float: right;\n  width: 4rem;\n  height: 8rem;\n  background-color: lighten($blue, 25%);\n  border-radius: .25rem;\n}\n\n.bd-example-container-body {\n  height: 8rem;\n  margin-right: 4.5rem;\n  background-color: lighten($bd-purple, 25%);\n  border-radius: .25rem;\n}\n\n.bd-example-container-fluid {\n  max-width: none;\n}\n\n\n//\n// Docs examples\n//\n\n.bd-example {\n  position: relative;\n  padding: 1rem;\n  margin: 1rem (-$grid-gutter-width / 2) 0;\n  border: solid $gray-100;\n  border-width: .2rem 0 0;\n  @include clearfix();\n\n  @include media-breakpoint-up(sm) {\n    padding: 1.5rem;\n    margin-right: 0;\n    margin-left: 0;\n    border-width: .2rem;\n  }\n\n  + .highlight,\n  + .clipboard + .highlight {\n    margin-top: 0;\n  }\n\n  + p {\n    margin-top: 2rem;\n  }\n\n  .pos-f-t {\n    position: relative;\n    margin: -1rem;\n\n    @include media-breakpoint-up(sm) {\n      margin: -1.5rem;\n    }\n  }\n\n  .custom-file-input:lang(es) ~ .custom-file-label::after {\n    content: \"Elegir\";\n  }\n\n  > .form-control {\n    + .form-control {\n      margin-top: .5rem;\n    }\n  }\n\n  > .nav + .nav,\n  > .alert + .alert,\n  > .navbar + .navbar,\n  > .progress + .progress,\n  > .progress + .btn {\n    margin-top: 1rem;\n  }\n\n  > .dropdown-menu:first-child {\n    position: static;\n    display: block;\n  }\n\n  > .form-group:last-child {\n    margin-bottom: 0;\n  }\n\n  > .close {\n    float: none;\n  }\n}\n\n// Typography\n.bd-example-type {\n  .table {\n    .type-info {\n      color: #999;\n      vertical-align: middle;\n    }\n    td {\n      padding: 1rem 0;\n      border-color: #eee;\n    }\n    tr:first-child td {\n      border-top: 0;\n    }\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n// Contextual background colors\n.bd-example-bg-classes p {\n  padding: 1rem;\n}\n\n// Images\n.bd-example > img {\n  + img {\n    margin-left: .5rem;\n  }\n}\n\n// Buttons\n.bd-example {\n  > .btn-group {\n    margin-top: .25rem;\n    margin-bottom: .25rem;\n  }\n  > .btn-toolbar + .btn-toolbar {\n    margin-top: .5rem;\n  }\n}\n\n// Forms\n.bd-example-control-sizing select,\n.bd-example-control-sizing input[type=\"text\"] + input[type=\"text\"] {\n  margin-top: .5rem;\n}\n.bd-example-form .input-group {\n  margin-bottom: .5rem;\n}\n.bd-example > textarea.form-control {\n  resize: vertical;\n}\n\n// List groups\n.bd-example > .list-group {\n  max-width: 400px;\n}\n\n// Navbars\n.bd-example {\n  .fixed-top,\n  .sticky-top {\n    position: static;\n    margin: -1rem -1rem 1rem;\n  }\n  .fixed-bottom {\n    position: static;\n    margin: 1rem -1rem -1rem;\n  }\n\n  @include media-breakpoint-up(sm) {\n    .fixed-top,\n    .sticky-top {\n      margin: -1.5rem -1.5rem 1rem;\n    }\n    .fixed-bottom {\n      margin: 1rem -1.5rem -1.5rem;\n    }\n  }\n}\n\n// Pagination\n.bd-example .pagination {\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n// Example modals\n.modal {\n  z-index: 1072;\n\n  .tooltip,\n  .popover {\n    z-index: 1073;\n  }\n}\n\n.modal-backdrop {\n  z-index: 1071;\n}\n\n.bd-example-modal {\n  background-color: #fafafa;\n\n  .modal {\n    position: relative;\n    top: auto;\n    right: auto;\n    bottom: auto;\n    left: auto;\n    z-index: 1;\n    display: block;\n  }\n\n  .modal-dialog {\n    left: auto;\n    margin-right: auto;\n    margin-left: auto;\n  }\n}\n\n// Example tabbable tabs\n.bd-example-tabs .nav-tabs {\n  margin-bottom: 1rem;\n}\n\n// Popovers\n.bd-example-popover-static {\n  padding-bottom: 1.5rem;\n  background-color: #f9f9f9;\n\n  .popover {\n    position: relative;\n    display: block;\n    float: left;\n    width: 260px;\n    margin: 1.25rem;\n  }\n}\n\n// Tooltips\n.tooltip-demo a {\n  white-space: nowrap;\n}\n\n.bd-example-tooltip-static .tooltip {\n  position: relative;\n  display: inline-block;\n  margin: 10px 20px;\n  opacity: 1;\n}\n\n// Scrollspy demo on fixed height div\n.scrollspy-example {\n  position: relative;\n  height: 200px;\n  margin-top: .5rem;\n  overflow: auto;\n}\n\n.scrollspy-example-2 {\n  position: relative;\n  height: 350px;\n  overflow: auto;\n}\n\n.bd-example-border-utils {\n  [class^=\"border\"] {\n    display: inline-block;\n    width: 5rem;\n    height: 5rem;\n    margin: .25rem;\n    background-color: #f5f5f5;\n  }\n}\n\n.bd-example-border-utils-0 {\n  [class^=\"border\"] {\n    border: 1px solid $border-color;\n  }\n}\n\n//\n// Code snippets\n//\n\n.highlight {\n  padding: 1rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n  background-color: $gray-100;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  @include media-breakpoint-up(sm) {\n    padding: 1.5rem;\n  }\n}\n\n.bd-content .highlight {\n  margin-right: (-$grid-gutter-width / 2);\n  margin-left: (-$grid-gutter-width / 2);\n\n  @include media-breakpoint-up(sm) {\n    margin-right: 0;\n    margin-left: 0;\n  }\n}\n\n.highlight {\n  pre {\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: 0;\n    background-color: transparent;\n    border: 0;\n  }\n  pre code {\n    font-size: inherit;\n    color: $gray-900; // Effectively the base text color\n  }\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n  width: 100%;\n  padding-right: ($grid-gutter-width / 2);\n  padding-left: ($grid-gutter-width / 2);\n  margin-right: auto;\n  margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n}\n\n@mixin make-row() {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: ($grid-gutter-width / -2);\n  margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  min-height: 1px; // Prevent collapsing\n  padding-right: ($grid-gutter-width / 2);\n  padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage($size / $columns);\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: $size / $columns;\n  margin-left: if($num == 0, 0, percentage($num));\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","// Buttons\n//\n// Custom buttons for the docs.\n\n.btn-bd-primary {\n  font-weight: 500;\n  color: $bd-purple-bright;\n  border-color: $bd-purple-bright;\n\n  &:hover,\n  &:active {\n    color: #fff;\n    background-color: $bd-purple-bright;\n    border-color: $bd-purple-bright;\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);\n  }\n}\n\n.btn-bd-download {\n  font-weight: 500;\n  color: $bd-download;\n  border-color: $bd-download;\n\n  &:hover,\n  &:active {\n    color: $bd-dark;\n    background-color: $bd-download;\n    border-color: $bd-download;\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 3px rgba($bd-download, .25);\n  }\n}\n","//\n// Callouts\n//\n\n.bd-callout {\n  padding: 1.25rem;\n  margin-top: 1.25rem;\n  margin-bottom: 1.25rem;\n  border: 1px solid #eee;\n  border-left-width: .25rem;\n  border-radius: .25rem;\n}\n\n.bd-callout h4 {\n  margin-top: 0;\n  margin-bottom: .25rem;\n}\n\n.bd-callout p:last-child {\n  margin-bottom: 0;\n}\n\n.bd-callout code {\n  border-radius: .25rem;\n}\n\n.bd-callout + .bd-callout {\n  margin-top: -.25rem;\n}\n\n// Variations\n@mixin bs-callout-variant($color) {\n  border-left-color: $color;\n\n  h4 { color: $color; }\n}\n\n.bd-callout-info { @include bs-callout-variant($bd-info); }\n.bd-callout-warning { @include bs-callout-variant($bd-warning); }\n.bd-callout-danger { @include bs-callout-variant($bd-danger); }\n","//\n// Examples\n//\n\n.bd-examples .img-thumbnail {\n  margin-bottom: .75rem;\n}\n.bd-examples h4 {\n  margin-bottom: .25rem;\n}\n.bd-examples p {\n  margin-bottom: 1.25rem;\n}\n\n@media (max-width: 480px) {\n  .bd-examples {\n    margin-right: -.75rem;\n    margin-left: -.75rem;\n  }\n  .bd-examples > [class^=\"col-\"] {\n    padding-right: .75rem;\n    padding-left: .75rem;\n  }\n}\n","// Wall of Browser Bugs\n//\n// Better display for the responsive table on the Wall of Browser Bugs.\n\n.bd-browser-bugs {\n  td p {\n    margin-bottom: 0;\n  }\n  th:first-child {\n    width: 18%;\n  }\n}\n","// stylelint-disable no-duplicate-selectors\n\n//\n// Brand guidelines\n//\n\n// Logo series wrapper\n.bd-brand-logos {\n  display: table;\n  width: 100%;\n  margin-bottom: 1rem;\n  overflow: hidden;\n  color: #563d7c;\n  background-color: #f9f9f9;\n  border-radius: .25rem;\n}\n\n// Individual items\n.bd-brand-item {\n  padding: 4rem 0;\n  text-align: center;\n}\n.bd-brand-item + .bd-brand-item {\n  border-top: 1px solid #fff;\n}\n.bd-brand-logos .inverse {\n  color: #fff;\n  background-color: #563d7c;\n}\n\n// Heading content within\n.bd-brand-item h1,\n.bd-brand-item h3 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.bd-brand-item .bd-booticon {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n// Make the icons stand out on what is/isn't okay\n// .bd-brand-item .glyphicon {\n//   width: 30px;\n//   height: 30px;\n//   margin: 10px auto -10px;\n//   line-height: 30px;\n//   color: #fff;\n//   border-radius: 50%;\n// }\n// .bd-brand-item .glyphicon-ok {\n//   background-color: #5cb85c;\n// }\n// .bd-brand-item .glyphicon-remove {\n//   background-color: #d9534f;\n// }\n\n@media (min-width: 768px) {\n  .bd-brand-item {\n    display: table-cell;\n    width: 1%;\n  }\n  .bd-brand-item + .bd-brand-item {\n    border-top: 0;\n    border-left: 1px solid #fff;\n  }\n  .bd-brand-item h1 {\n    font-size: 4rem;\n  }\n}\n\n\n//\n// Color swatches\n//\n\n.color-swatches {\n  margin: 0 -5px;\n  overflow: hidden; // clearfix\n}\n\n.color-swatch {\n  float: left;\n  width: 4rem;\n  height: 4rem;\n  margin-right: .25rem;\n  margin-left: .25rem;\n  border-radius: .25rem;\n\n  @media (min-width: 768px) {\n    width: 6rem;\n    height: 6rem;\n  }\n}\n\n// Docs colors\n.color-swatches {\n  .bd-purple {\n    background-color: $bd-purple;\n  }\n  .bd-purple-light {\n    background-color: $bd-purple-light;\n  }\n  .bd-purple-lighter {\n    background-color: #e5e1ea;\n  }\n  .bd-gray {\n    background-color: #f9f9f9;\n  }\n}\n","//\n// Docs color palette classes\n//\n\n@each $color, $value in $colors {\n  .swatch-#{$color} {\n    color: color-yiq($value);\n    background-color: #{$value};\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .swatch-#{$color} {\n    color: color-yiq($value);\n    background-color: #{$value};\n  }\n}\n\n@each $color, $value in $grays {\n  .swatch-#{$color} {\n    color: color-yiq($value);\n    background-color: #{$value};\n  }\n}\n","// clipboard.js\n//\n// JS-based `Copy` buttons for code snippets.\n\n.bd-clipboard {\n  position: relative;\n  display: none;\n  float: right;\n\n  + .highlight {\n    margin-top: 0;\n  }\n}\n\n.btn-clipboard {\n  position: absolute;\n  top: .5rem;\n  right: .5rem;\n  z-index: 10;\n  display: block;\n  padding: .25rem .5rem;\n  font-size: 75%;\n  color: #818a91;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  border-radius: .25rem;\n\n  &:hover {\n    color: #fff;\n    background-color: #027de7;\n  }\n}\n\n@media (min-width: 768px) {\n  .bd-clipboard {\n    display: block;\n  }\n}\n","// stylelint-disable declaration-block-single-line-max-declarations\n\n.hll { background-color: #ffc; }\n.c { color: #999; }\n.k { color: #069; }\n.o { color: #555; }\n.cm { color: #999; }\n.cp { color: #099; }\n.c1 { color: #999; }\n.cs { color: #999; }\n.gd { background-color: #fcc; border: 1px solid #c00; }\n.ge { font-style: italic; }\n.gr { color: #f00; }\n.gh { color: #030; }\n.gi { background-color: #cfc; border: 1px solid #0c0; }\n.go { color: #aaa; }\n.gp { color: #009; }\n.gu { color: #030; }\n.gt { color: #9c6; }\n.kc { color: #069; }\n.kd { color: #069; }\n.kn { color: #069; }\n.kp { color: #069; }\n.kr { color: #069; }\n.kt { color: #078; }\n.m { color: #f60; }\n.s { color: #d44950; }\n.na { color: #4f9fcf; }\n.nb { color: #366; }\n.nc { color: #0a8; }\n.no { color: #360; }\n.nd { color: #99f; }\n.ni { color: #999; }\n.ne { color: #c00; }\n.nf { color: #c0f; }\n.nl { color: #99f; }\n.nn { color: #0cf; }\n.nt { color: #2f6f9f; }\n.nv { color: #033; }\n.ow { color: #000; }\n.w { color: #bbb; }\n.mf { color: #f60; }\n.mh { color: #f60; }\n.mi { color: #f60; }\n.mo { color: #f60; }\n.sb { color: #c30; }\n.sc { color: #c30; }\n.sd { font-style: italic; color: #c30; }\n.s2 { color: #c30; }\n.se { color: #c30; }\n.sh { color: #c30; }\n.si { color: #a00; }\n.sx { color: #c30; }\n.sr { color: #3aa; }\n.s1 { color: #c30; }\n.ss { color: #fc3; }\n.bp { color: #366; }\n.vc { color: #033; }\n.vg { color: #033; }\n.vi { color: #033; }\n.il { color: #f60; }\n\n.css .o,\n.css .o + .nt,\n.css .nt + .nt { color: #999; }\n\n.language-bash::before,\n.language-sh::before {\n  color: #009;\n  content: \"$ \";\n  user-select: none;\n}\n\n.language-powershell::before {\n  color: #009;\n  content: \"PM> \";\n  user-select: none;\n}\n",".anchorjs-link {\n  font-weight: 400;\n  color: rgba($link-color, .5);\n  transition: color .16s linear;\n\n  &:hover {\n    color: $link-color;\n    text-decoration: none;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Docsearch overrides\n//\n// `!important` indicates overridden properties.\n.algolia-autocomplete {\n  display: block !important;\n  flex: 1;\n\n  // Menu container\n  .ds-dropdown-menu {\n    width: 100%;\n    min-width: 0 !important;\n    max-width: none !important;\n    padding: .75rem 0 !important;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid rgba(0, 0, 0, .1);\n    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175);\n\n    @include media-breakpoint-up(md) {\n      width: 175%;\n    }\n\n    // Caret\n    &::before {\n      display: none !important;\n    }\n\n    [class^=\"ds-dataset-\"] {\n      padding: 0 !important;\n      overflow: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n    }\n\n    .ds-suggestions {\n      margin-top: 0 !important;\n    }\n  }\n\n  .algolia-docsearch-suggestion {\n    padding: 0 !important;\n    overflow: visible !important;\n  }\n\n  .algolia-docsearch-suggestion--category-header {\n    padding: .125rem 1rem !important;\n    margin-top: 0 !important;\n    font-size: .875rem !important;\n    font-weight: 500 !important;\n    color: $bd-purple-bright !important;\n    border-bottom: 0 !important;\n  }\n\n  .algolia-docsearch-suggestion--wrapper {\n    float: none !important;\n    padding-top: 0 !important;\n  }\n\n  // Section header\n  .algolia-docsearch-suggestion--subcategory-column {\n    float: none !important;\n    width: auto !important;\n    padding: 0 !important;\n    text-align: left !important;\n  }\n\n  .algolia-docsearch-suggestion--content {\n    float: none !important;\n    width: auto !important;\n    padding: 0 !important;\n\n    // Vertical divider between column header and content\n    &::before {\n      display: none !important;\n    }\n  }\n\n  .ds-suggestion {\n    &:not(:first-child) {\n      .algolia-docsearch-suggestion--category-header {\n        padding-top: .75rem !important;\n        margin-top: .75rem !important;\n        border-top: 1px solid rgba(0, 0, 0, .1);\n      }\n    }\n\n    .algolia-docsearch-suggestion--subcategory-column {\n      display: none !important;\n    }\n  }\n\n  .algolia-docsearch-suggestion--title {\n    display: block;\n    padding: .25rem 1rem !important;\n    margin-bottom: 0 !important;\n    font-size: .875rem !important;\n    font-weight: 400 !important;\n  }\n\n  .algolia-docsearch-suggestion--text {\n    padding: 0 1rem .5rem !important;\n    margin-top: -.25rem;\n    font-size: .875rem !important;\n    font-weight: 400;\n    line-height: 1.25 !important;\n  }\n\n  .algolia-docsearch-footer {\n    float: none !important;\n    width: auto !important;\n    height: auto !important;\n    padding: .75rem 1rem 0;\n    font-size: .75rem !important;\n    line-height: 1 !important;\n    color: #767676 !important;\n    border-top: 1px solid rgba(0, 0, 0, .1);\n  }\n\n  .algolia-docsearch-footer--logo {\n    display: inline !important;\n    overflow: visible !important;\n    color: inherit !important;\n    text-indent: 0 !important;\n    background: none !important;\n  }\n\n  .algolia-docsearch-suggestion--highlight {\n    color: #5f2dab;\n    background-color: rgba(154, 132, 187, .12);\n  }\n\n  .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {\n    box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .5) !important;\n  }\n\n  .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n    background-color: rgba(208, 189, 236, .15) !important;\n  }\n}\n"]}
\ No newline at end of file
diff --git a/build/generate-sri.js b/build/generate-sri.js
index f6790e440..10936e8a1 100644
--- a/build/generate-sri.js
+++ b/build/generate-sri.js
@@ -34,11 +34,11 @@ const files = [
     configPropertyName: 'js_hash'
   },
   {
-    file: 'assets/js/vendor/jquery-slim.min.js',
+    file: 'site/docs/4.1/assets/js/vendor/jquery-slim.min.js',
     configPropertyName: 'jquery_hash'
   },
   {
-    file: 'assets/js/vendor/popper.min.js',
+    file: 'site/docs/4.1/assets/js/vendor/popper.min.js',
     configPropertyName: 'popper_hash'
   }
 ]
diff --git a/build/workbox.config.json b/build/workbox.config.json
index 0dcfadac7..a649431ed 100644
--- a/build/workbox.config.json
+++ b/build/workbox.config.json
@@ -3,6 +3,6 @@
   "globPatterns": [
     "_gh_pages/**/*.{html,css,js,json,png,svg}"
   ],
-  "swSrc": "./sw.js",
+  "swSrc": "./site/sw.js",
   "swDest": "./_gh_pages/sw.js"
 }
diff --git a/build/workbox.js b/build/workbox.js
index 1aa6a608a..3a7ba450a 100644
--- a/build/workbox.js
+++ b/build/workbox.js
@@ -16,7 +16,7 @@ const buildPrefix = '_gh_pages/'
 
 const workboxSWSrcPath = require.resolve('workbox-sw')
 const wbFileName = path.basename(workboxSWSrcPath)
-const workboxSWDestPath = `${buildPrefix}assets/js/vendor/${wbFileName}`
+const workboxSWDestPath = `${buildPrefix}docs/4.1/assets/js/vendor/${wbFileName}`
 const workboxSWSrcMapPath = `${workboxSWSrcPath}.map`
 const workboxSWDestMapPath = `${workboxSWDestPath}.map`
 
diff --git a/js/tests/index.html b/js/tests/index.html
index 01af9b2d0..95d72d87a 100644
--- a/js/tests/index.html
+++ b/js/tests/index.html
@@ -8,7 +8,7 @@
     <!-- jQuery -->
     <script>
       (function () {
-        var path = '../../assets/js/vendor/jquery-slim.min.js'
+        var path = '../../site/docs/4.1/assets/js/vendor/jquery-slim.min.js'
         // get jquery param from the query string.
         var jQueryVersion = location.search.match(/[?&]jquery=(.*?)(?=&|$)/)
 
@@ -19,7 +19,7 @@
         document.write('<script src="' + path + '"><\/script>')
       }())
     </script>
-    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../site/docs/4.1/assets/js/vendor/popper.min.js"></script>
 
     <!-- QUnit -->
     <link rel="stylesheet" href="../../node_modules/qunit/qunit/qunit.css" media="screen">
diff --git a/js/tests/karma-bundle.conf.js b/js/tests/karma-bundle.conf.js
index 74d4c77a6..50c500faa 100644
--- a/js/tests/karma-bundle.conf.js
+++ b/js/tests/karma-bundle.conf.js
@@ -2,7 +2,7 @@
 /* eslint no-process-env: 0 */
 
 module.exports = (config) => {
-  const jqueryFile = process.env.USE_OLD_JQUERY ? 'https://code.jquery.com/jquery-1.9.1.min.js' : 'assets/js/vendor/jquery-slim.min.js'
+  const jqueryFile = process.env.USE_OLD_JQUERY ? 'https://code.jquery.com/jquery-1.9.1.min.js' : 'site/docs/4.1/assets/js/vendor/jquery-slim.min.js'
 
   config.set({
     basePath: '../..',
@@ -17,7 +17,7 @@ module.exports = (config) => {
     // list of files / patterns to load in the browser
     files: [
       jqueryFile,
-      'assets/js/vendor/popper.min.js',
+      'site/docs/4.1/assets/js/vendor/popper.min.js',
       'dist/js/bootstrap.js',
       'js/tests/unit/*.js'
     ],
diff --git a/js/tests/karma.conf.js b/js/tests/karma.conf.js
index 3b438eaa0..397f8b8e3 100644
--- a/js/tests/karma.conf.js
+++ b/js/tests/karma.conf.js
@@ -4,7 +4,7 @@ const path = require('path')
 const jsCoveragePath = path.resolve(__dirname, '../coverage')
 
 module.exports = (config) => {
-  const jqueryFile = process.env.USE_OLD_JQUERY ? 'https://code.jquery.com/jquery-1.9.1.min.js' : 'assets/js/vendor/jquery-slim.min.js'
+  const jqueryFile = process.env.USE_OLD_JQUERY ? 'https://code.jquery.com/jquery-1.9.1.min.js' : 'site/docs/4.1/assets/js/vendor/jquery-slim.min.js'
 
   config.set({
     basePath: '../..',
@@ -20,7 +20,7 @@ module.exports = (config) => {
     // list of files / patterns to load in the browser
     files: [
       jqueryFile,
-      'assets/js/vendor/popper.min.js',
+      'site/docs/4.1/assets/js/vendor/popper.min.js',
       'js/coverage/dist/util.js',
       'js/coverage/dist/tooltip.js',
       'js/coverage/dist/!(util|index|tooltip).js', // include all of our js/dist files except util.js, index.js and tooltip.js
diff --git a/nuget/bootstrap.nuspec b/nuget/bootstrap.nuspec
index 2dcbfea6e..7b40109de 100644
--- a/nuget/bootstrap.nuspec
+++ b/nuget/bootstrap.nuspec
@@ -11,7 +11,7 @@
     <summary>Bootstrap framework in CSS. Includes fonts and JavaScript</summary>
     <language>en-us</language>
     <projectUrl>https://getbootstrap.com/</projectUrl>
-    <iconUrl>https://getbootstrap.com/assets/img/favicons/apple-touch-icon.png</iconUrl>
+    <iconUrl>https://getbootstrap.com/docs/4.1/assets/img/favicons/apple-touch-icon.png</iconUrl>
     <licenseUrl>https://github.com/twbs/bootstrap/blob/master/LICENSE</licenseUrl>
     <copyright>Copyright 2017-2018</copyright>
     <requireLicenseAcceptance>false</requireLicenseAcceptance>
diff --git a/nuget/bootstrap.sass.nuspec b/nuget/bootstrap.sass.nuspec
index d3c533f46..f5a4c6bad 100644
--- a/nuget/bootstrap.sass.nuspec
+++ b/nuget/bootstrap.sass.nuspec
@@ -11,7 +11,7 @@
     <summary>Bootstrap framework in Sass. Includes fonts and JavaScript</summary>
     <language>en-us</language>
     <projectUrl>https://getbootstrap.com/</projectUrl>
-    <iconUrl>https://getbootstrap.com/assets/img/favicons/apple-touch-icon.png</iconUrl>
+    <iconUrl>https://getbootstrap.com/docs/4.1/assets/img/favicons/apple-touch-icon.png</iconUrl>
     <licenseUrl>https://github.com/twbs/bootstrap/blob/master/LICENSE</licenseUrl>
     <copyright>Copyright 2017-2018</copyright>
     <requireLicenseAcceptance>false</requireLicenseAcceptance>
diff --git a/package.json b/package.json
index 34e3ead8e..5b8571700 100644
--- a/package.json
+++ b/package.json
@@ -21,23 +21,25 @@
     "http-server": "http-server --silent -p 3000",
     "bundlesize": "bundlesize",
     "check-broken-links": "npm-run-all --parallel --race \"http-server -- _gh_pages/\" blc",
-    "css": "npm-run-all --parallel css-lint* css-compile* --sequential css-prefix* css-minify*",
+    "css": "npm-run-all --parallel css-lint* css-compile* --sequential css-prefix* css-minify* css-copy",
     "css-main": "npm-run-all --parallel css-lint css-compile --sequential css-prefix css-minify",
     "css-docs": "npm-run-all --parallel css-lint-docs css-compile-docs --sequential css-prefix-docs css-minify-docs",
     "css-compile": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/bootstrap.scss dist/css/bootstrap.css && node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/bootstrap-grid.scss dist/css/bootstrap-grid.css && node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 scss/bootstrap-reboot.scss dist/css/bootstrap-reboot.css",
-    "css-compile-docs": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 assets/scss/docs.scss assets/css/docs.min.css",
+    "css-compile-docs": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 site/docs/4.1/assets/scss/docs.scss site/docs/4.1/assets/css/docs.min.css",
+    "css-copy": "shx mkdir -p site/docs/4.1/dist/ && shx cp -r dist/css/ site/docs/4.1/dist/",
     "css-lint": "stylelint --syntax scss \"scss/**/*.scss\"",
-    "css-lint-docs": "stylelint --syntax scss \"assets/scss/*.scss\" && stylelint \"docs/**/*.css\"",
-    "css-lint-vars": "node build/lint-vars.js scss/ assets/scss/",
+    "css-lint-docs": "stylelint --syntax scss \"site/docs/4.1/assets/scss/*.scss\" && stylelint \"docs/**/*.css\"",
+    "css-lint-vars": "node build/lint-vars.js scss/ site/docs/4.1/assets/scss/",
     "css-prefix": "postcss --config build/postcss.config.js --replace \"dist/css/*.css\" \"!dist/css/*.min.css\"",
-    "css-prefix-docs": "postcss --config build/postcss.config.js --replace \"assets/css/docs.min.css\" \"docs/**/*.css\"",
+    "css-prefix-docs": "postcss --config build/postcss.config.js --replace \"site/docs/4.1/assets/css/docs.min.css\" \"docs/**/*.css\"",
     "css-minify": "cleancss --level 1 --source-map --source-map-inline-sources --output dist/css/bootstrap.min.css dist/css/bootstrap.css && cleancss --level 1 --source-map --source-map-inline-sources --output dist/css/bootstrap-grid.min.css dist/css/bootstrap-grid.css && cleancss --level 1 --source-map --source-map-inline-sources --output dist/css/bootstrap-reboot.min.css dist/css/bootstrap-reboot.css",
-    "css-minify-docs": "cleancss --level 1 --source-map --source-map-inline-sources --output assets/css/docs.min.css assets/css/docs.min.css",
-    "js": "npm-run-all js-lint* js-compile js-minify",
+    "css-minify-docs": "cleancss --level 1 --source-map --source-map-inline-sources --output site/docs/4.1/assets/css/docs.min.css site/docs/4.1/assets/css/docs.min.css",
+    "js": "npm-run-all js-lint* js-compile js-minify js-copy",
+    "js-copy": "shx mkdir -p site/docs/4.1/dist/ && shx cp -r dist/js/ site/docs/4.1/dist/",
     "js-main": "npm-run-all js-lint js-compile js-minify",
     "js-docs": "npm-run-all js-lint-docs js-minify-docs",
     "js-lint": "eslint js/src js/tests build/",
-    "js-lint-docs": "eslint assets/js/ docs/ sw.js",
+    "js-lint-docs": "eslint site/docs/4.1/assets/js/ site/sw.js",
     "js-compile": "npm-run-all --parallel js-compile-*",
     "js-compile-standalone": "rollup --environment BUNDLE:false --config build/rollup.config.js --sourcemap",
     "js-compile-bundle": "rollup --environment BUNDLE:true --config build/rollup.config.js --sourcemap",
@@ -46,7 +48,7 @@
     "js-minify": "npm-run-all --parallel js-minify-*",
     "js-minify-standalone": "uglifyjs --compress typeofs=false --mangle --comments \"/^!/\" --source-map \"content=dist/js/bootstrap.js.map,includeSources,url=bootstrap.min.js.map\" --output dist/js/bootstrap.min.js dist/js/bootstrap.js",
     "js-minify-bundle": "uglifyjs --compress typeofs=false --mangle --comments \"/^!/\" --source-map \"content=dist/js/bootstrap.bundle.js.map,includeSources,url=bootstrap.bundle.min.js.map\" --output dist/js/bootstrap.bundle.min.js dist/js/bootstrap.bundle.js",
-    "js-minify-docs": "uglifyjs --mangle --comments \"/^!/\" --output assets/js/docs.min.js assets/js/vendor/anchor.min.js assets/js/vendor/clipboard.min.js assets/js/vendor/holder.min.js \"assets/js/src/*.js\"",
+    "js-minify-docs": "uglifyjs --mangle --comments \"/^!/\" --output site/docs/4.1/assets/js/docs.min.js site/docs/4.1/assets/js/vendor/anchor.min.js site/docs/4.1/assets/js/vendor/clipboard.min.js site/docs/4.1/assets/js/vendor/holder.min.js \"site/docs/4.1/assets/js/src/*.js\"",
     "js-test": "npm-run-all js-test-karma*",
     "js-test-karma": "karma start js/tests/karma.conf.js",
     "js-test-karma-old": "cross-env USE_OLD_JQUERY=true npm run js-test-karma",
@@ -64,7 +66,7 @@
     "docs-lint-vnu-jar": "node build/vnu-jar.js",
     "docs-serve": "bundle exec jekyll serve",
     "docs-workbox-precache": "node build/workbox.js",
-    "maintenance-dependencies": "ncu -a -x jquery && npm update && bundle update && shx echo \"Manually update assets/js/vendor/*, js/tests/vendor/* and .travis.yml\"",
+    "maintenance-dependencies": "ncu -a -x jquery && npm update && bundle update && shx echo \"Manually update site/docs/4.1/assets/js/vendor/*, js/tests/vendor/* and .travis.yml\"",
     "release-sri": "node build/generate-sri.js",
     "release-version": "node build/change-version.js",
     "release-zip": "cd dist/ && zip -r9 bootstrap-$npm_package_version-dist.zip * && shx mv bootstrap-$npm_package_version-dist.zip ..",
diff --git a/_data/breakpoints.yml b/site/_data/breakpoints.yml
index 3c8cfe293..3c8cfe293 100644
--- a/_data/breakpoints.yml
+++ b/site/_data/breakpoints.yml
diff --git a/_data/browser-bugs.yml b/site/_data/browser-bugs.yml
index ceb2e5f5f..ceb2e5f5f 100644
--- a/_data/browser-bugs.yml
+++ b/site/_data/browser-bugs.yml
diff --git a/_data/browser-features.yml b/site/_data/browser-features.yml
index 6c8701f68..6c8701f68 100644
--- a/_data/browser-features.yml
+++ b/site/_data/browser-features.yml
diff --git a/_data/colors.yml b/site/_data/colors.yml
index 202270cdc..202270cdc 100644
--- a/_data/colors.yml
+++ b/site/_data/colors.yml
diff --git a/_data/examples.yml b/site/_data/examples.yml
index 673fde40b..673fde40b 100644
--- a/_data/examples.yml
+++ b/site/_data/examples.yml
diff --git a/_data/grays.yml b/site/_data/grays.yml
index d6e50f9e1..d6e50f9e1 100644
--- a/_data/grays.yml
+++ b/site/_data/grays.yml
diff --git a/_data/nav.yml b/site/_data/nav.yml
index 98bd2c5d5..98bd2c5d5 100644
--- a/_data/nav.yml
+++ b/site/_data/nav.yml
diff --git a/_data/theme-colors.yml b/site/_data/theme-colors.yml
index bef5002ac..bef5002ac 100644
--- a/_data/theme-colors.yml
+++ b/site/_data/theme-colors.yml
diff --git a/_data/translations.yml b/site/_data/translations.yml
index 38b5771c4..38b5771c4 100644
--- a/_data/translations.yml
+++ b/site/_data/translations.yml
diff --git a/_includes/ads.html b/site/_includes/ads.html
index 10df1344d..10df1344d 100644
--- a/_includes/ads.html
+++ b/site/_includes/ads.html
diff --git a/_includes/bugify.html b/site/_includes/bugify.html
index 6a02bd23e..6a02bd23e 100644
--- a/_includes/bugify.html
+++ b/site/_includes/bugify.html
diff --git a/_includes/callout-danger-async-methods.md b/site/_includes/callout-danger-async-methods.md
index ca35e0b77..ca35e0b77 100644
--- a/_includes/callout-danger-async-methods.md
+++ b/site/_includes/callout-danger-async-methods.md
diff --git a/_includes/callout-info-mediaqueries-breakpoints.md b/site/_includes/callout-info-mediaqueries-breakpoints.md
index d3988ce1a..d3988ce1a 100644
--- a/_includes/callout-info-mediaqueries-breakpoints.md
+++ b/site/_includes/callout-info-mediaqueries-breakpoints.md
diff --git a/_includes/callout-warning-color-assistive-technologies.md b/site/_includes/callout-warning-color-assistive-technologies.md
index 98214eb58..98214eb58 100644
--- a/_includes/callout-warning-color-assistive-technologies.md
+++ b/site/_includes/callout-warning-color-assistive-technologies.md
diff --git a/_includes/callout.html b/site/_includes/callout.html
index ff9450dc4..ff9450dc4 100644
--- a/_includes/callout.html
+++ b/site/_includes/callout.html
diff --git a/_includes/docs-navbar.html b/site/_includes/docs-navbar.html
index 95c6d00ca..95c6d00ca 100644
--- a/_includes/docs-navbar.html
+++ b/site/_includes/docs-navbar.html
diff --git a/_includes/docs-sidebar.html b/site/_includes/docs-sidebar.html
index 61edd8ec1..61edd8ec1 100644
--- a/_includes/docs-sidebar.html
+++ b/site/_includes/docs-sidebar.html
diff --git a/_includes/example.html b/site/_includes/example.html
index 24d12626b..24d12626b 100644
--- a/_includes/example.html
+++ b/site/_includes/example.html
diff --git a/site/_includes/favicons.html b/site/_includes/favicons.html
new file mode 100644
index 000000000..df4c15e64
--- /dev/null
+++ b/site/_includes/favicons.html
@@ -0,0 +1,9 @@
+<!-- Favicons -->
+<link rel="apple-touch-icon" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
+<link rel="icon" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
+<link rel="icon" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
+<link rel="manifest" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/favicons/manifest.json">
+<link rel="mask-icon" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/favicons/safari-pinned-tab.svg" color="#563d7c">
+<link rel="icon" href="{{ site.baseurl }}/favicon.ico">
+<meta name="msapplication-config" content="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/favicons/browserconfig.xml">
+<meta name="theme-color" content="#563d7c">
diff --git a/_includes/footer.html b/site/_includes/footer.html
index 8e16577c1..8e16577c1 100644
--- a/_includes/footer.html
+++ b/site/_includes/footer.html
diff --git a/_includes/header.html b/site/_includes/header.html
index 85d3753e1..3534807f8 100644
--- a/_includes/header.html
+++ b/site/_includes/header.html
@@ -14,16 +14,16 @@
 
 <!-- Bootstrap core CSS -->
 {% if site.github %}
-<link href="{{ site.baseurl }}/dist/css/bootstrap.min.css" rel="stylesheet" integrity="{{ site.cdn.css_hash }}" crossorigin="anonymous">
+<link href="{{ site.baseurl }}/docs/{{ site.docs_version }}/dist/css/bootstrap.min.css" rel="stylesheet" integrity="{{ site.cdn.css_hash }}" crossorigin="anonymous">
 {% else %}
-<link href="{{ site.baseurl }}/dist/css/bootstrap.css" rel="stylesheet">
+<link href="{{ site.baseurl }}/docs/{{ site.docs_version }}/dist/css/bootstrap.css" rel="stylesheet">
 {% endif %}
 
 <!-- Documentation extras -->
 {% if page.layout == "docs" %}
 <link href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" rel="stylesheet">
 {% endif %}
-<link href="{{ site.baseurl }}/assets/css/docs.min.css" rel="stylesheet">
+<link href="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/css/docs.min.css" rel="stylesheet">
 
 {% include favicons.html %}
 
diff --git a/_includes/icons/bootstrap.svg b/site/_includes/icons/bootstrap.svg
index 816028bd8..816028bd8 100644
--- a/_includes/icons/bootstrap.svg
+++ b/site/_includes/icons/bootstrap.svg
diff --git a/_includes/icons/download.svg b/site/_includes/icons/download.svg
index aa5f3f1be..aa5f3f1be 100644
--- a/_includes/icons/download.svg
+++ b/site/_includes/icons/download.svg
diff --git a/_includes/icons/github.svg b/site/_includes/icons/github.svg
index 5d6ad1804..5d6ad1804 100644
--- a/_includes/icons/github.svg
+++ b/site/_includes/icons/github.svg
diff --git a/_includes/icons/import.svg b/site/_includes/icons/import.svg
index 0a9dbb269..0a9dbb269 100644
--- a/_includes/icons/import.svg
+++ b/site/_includes/icons/import.svg
diff --git a/_includes/icons/lightning.svg b/site/_includes/icons/lightning.svg
index be6f475ef..be6f475ef 100644
--- a/_includes/icons/lightning.svg
+++ b/site/_includes/icons/lightning.svg
diff --git a/_includes/icons/menu.svg b/site/_includes/icons/menu.svg
index 03e15dc49..03e15dc49 100644
--- a/_includes/icons/menu.svg
+++ b/site/_includes/icons/menu.svg
diff --git a/_includes/icons/slack.svg b/site/_includes/icons/slack.svg
index 3927fa458..3927fa458 100644
--- a/_includes/icons/slack.svg
+++ b/site/_includes/icons/slack.svg
diff --git a/_includes/icons/twitter.svg b/site/_includes/icons/twitter.svg
index 450c393b9..450c393b9 100644
--- a/_includes/icons/twitter.svg
+++ b/site/_includes/icons/twitter.svg
diff --git a/site/_includes/scripts.html b/site/_includes/scripts.html
new file mode 100644
index 000000000..92c6d01cd
--- /dev/null
+++ b/site/_includes/scripts.html
@@ -0,0 +1,26 @@
+<script src="{{ site.cdn.jquery }}" integrity="{{ site.cdn.jquery_hash }}" crossorigin="anonymous"></script>
+<script>window.jQuery || document.write('<script src="{{ site.baseurl }}/assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+
+<script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/js/vendor/popper.min.js"{% if site.github %} integrity="{{ site.cdn.popper_hash }}" crossorigin="anonymous"{% endif %}></script>
+
+{%- if site.github -%}
+  <script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/dist/js/bootstrap.min.js" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
+{%- else -%}
+  <script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/dist/js/bootstrap.js"></script>
+{%- endif -%}
+
+{%- if page.layout == "docs" -%}
+<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+{%- endif -%}
+
+{%- if site.github -%}
+  <script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/js/docs.min.js"></script>
+{%- else -%}
+  <script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/js/vendor/anchor.min.js"></script>
+  <script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/js/vendor/clipboard.min.js"></script>
+  <script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/js/vendor/holder.min.js"></script>
+  <script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/js/src/application.js"></script>
+  <script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/js/src/search.js"></script>
+  <script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/js/src/ie-emulation-modes-warning.js"></script>
+  <script src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/js/src/pwa.js"></script>
+{%- endif -%}
diff --git a/_includes/skippy.html b/site/_includes/skippy.html
index 2c73089bc..2c73089bc 100644
--- a/_includes/skippy.html
+++ b/site/_includes/skippy.html
diff --git a/_includes/social.html b/site/_includes/social.html
index 277ee2313..277ee2313 100644
--- a/_includes/social.html
+++ b/site/_includes/social.html
diff --git a/_layouts/default.html b/site/_layouts/default.html
index 28f4cdccb..28f4cdccb 100644
--- a/_layouts/default.html
+++ b/site/_layouts/default.html
diff --git a/_layouts/docs.html b/site/_layouts/docs.html
index 1d2125508..1d2125508 100644
--- a/_layouts/docs.html
+++ b/site/_layouts/docs.html
diff --git a/_layouts/examples.html b/site/_layouts/examples.html
index 1f8fbcdec..1f8fbcdec 100644
--- a/_layouts/examples.html
+++ b/site/_layouts/examples.html
diff --git a/_layouts/home.html b/site/_layouts/home.html
index 88a23d49c..88a23d49c 100644
--- a/_layouts/home.html
+++ b/site/_layouts/home.html
diff --git a/_layouts/redirect.html b/site/_layouts/redirect.html
index a30e77bf4..a30e77bf4 100644
--- a/_layouts/redirect.html
+++ b/site/_layouts/redirect.html
diff --git a/_layouts/simple.html b/site/_layouts/simple.html
index dfd9afd16..dfd9afd16 100644
--- a/_layouts/simple.html
+++ b/site/_layouts/simple.html
diff --git a/docs/4.1/about/brand.md b/site/docs/4.1/about/brand.md
index 7992258ad..084c36bd8 100644
--- a/docs/4.1/about/brand.md
+++ b/site/docs/4.1/about/brand.md
@@ -14,10 +14,10 @@ Use either the Bootstrap mark (a capital **B**) or the standard logo (just **Boo
 
 <div class="bd-brand-logos">
   <div class="bd-brand-item">
-    <img class="svg" src="{{ site.baseurl }}/assets/brand/bootstrap-solid.svg" alt="Bootstrap" width="144" height="144">
+    <img class="svg" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/brand/bootstrap-solid.svg" alt="Bootstrap" width="144" height="144">
   </div>
   <div class="bd-brand-item inverse">
-    <img class="svg" src="{{ site.baseurl }}/assets/brand/bootstrap-outline.svg" alt="Bootstrap" width="144" height="144">
+    <img class="svg" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/brand/bootstrap-outline.svg" alt="Bootstrap" width="144" height="144">
   </div>
 </div>
 <div class="bd-brand-logos">
@@ -35,13 +35,13 @@ Download the Bootstrap mark in one of three styles, each available as an SVG fil
 
 <div class="bd-brand-logos">
   <div class="bd-brand-item">
-    <img class="svg" src="{{ site.baseurl }}/assets/brand/bootstrap-solid.svg" alt="Bootstrap" width="144" height="144">
+    <img class="svg" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/brand/bootstrap-solid.svg" alt="Bootstrap" width="144" height="144">
   </div>
   <div class="bd-brand-item inverse">
-    <img class="svg" src="{{ site.baseurl }}/assets/brand/bootstrap-outline.svg" alt="Bootstrap" width="144" height="144">
+    <img class="svg" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/brand/bootstrap-outline.svg" alt="Bootstrap" width="144" height="144">
   </div>
   <div class="bd-brand-item inverse">
-    <img class="svg" src="{{ site.baseurl }}/assets/brand/bootstrap-punchout.svg" alt="Bootstrap" width="144" height="144">
+    <img class="svg" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/brand/bootstrap-punchout.svg" alt="Bootstrap" width="144" height="144">
   </div>
 </div>
 
diff --git a/docs/4.1/about/license.md b/site/docs/4.1/about/license.md
index 39720029d..39720029d 100644
--- a/docs/4.1/about/license.md
+++ b/site/docs/4.1/about/license.md
diff --git a/docs/4.1/about/overview.md b/site/docs/4.1/about/overview.md
index 23dd7affe..23dd7affe 100644
--- a/docs/4.1/about/overview.md
+++ b/site/docs/4.1/about/overview.md
diff --git a/docs/4.1/about/translations.md b/site/docs/4.1/about/translations.md
index 576259d35..576259d35 100644
--- a/docs/4.1/about/translations.md
+++ b/site/docs/4.1/about/translations.md
diff --git a/assets/brand/bootstrap-outline.svg b/site/docs/4.1/assets/brand/bootstrap-outline.svg
index 215be0585..215be0585 100644
--- a/assets/brand/bootstrap-outline.svg
+++ b/site/docs/4.1/assets/brand/bootstrap-outline.svg
diff --git a/assets/brand/bootstrap-punchout.svg b/site/docs/4.1/assets/brand/bootstrap-punchout.svg
index 9f4f529cc..9f4f529cc 100644
--- a/assets/brand/bootstrap-punchout.svg
+++ b/site/docs/4.1/assets/brand/bootstrap-punchout.svg
diff --git a/assets/brand/bootstrap-social-logo.png b/site/docs/4.1/assets/brand/bootstrap-social-logo.png
index fdd35e5d4..fdd35e5d4 100644
--- a/assets/brand/bootstrap-social-logo.png
+++ b/site/docs/4.1/assets/brand/bootstrap-social-logo.png
diff --git a/assets/brand/bootstrap-social.png b/site/docs/4.1/assets/brand/bootstrap-social.png
index 468ab5b59..468ab5b59 100644
--- a/assets/brand/bootstrap-social.png
+++ b/site/docs/4.1/assets/brand/bootstrap-social.png
diff --git a/assets/brand/bootstrap-solid.svg b/site/docs/4.1/assets/brand/bootstrap-solid.svg
index 5d860a70e..5d860a70e 100644
--- a/assets/brand/bootstrap-solid.svg
+++ b/site/docs/4.1/assets/brand/bootstrap-solid.svg
diff --git a/assets/css/docs.min.css b/site/docs/4.1/assets/css/docs.min.css
index d83c39ff6..d83c39ff6 100644
--- a/assets/css/docs.min.css
+++ b/site/docs/4.1/assets/css/docs.min.css
diff --git a/site/docs/4.1/assets/css/docs.min.css.map b/site/docs/4.1/assets/css/docs.min.css.map
new file mode 100644
index 000000000..ff148d83d
--- /dev/null
+++ b/site/docs/4.1/assets/css/docs.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../scss/docs.scss","../scss/_nav.scss","../../../../../scss/mixins/_breakpoints.scss","../scss/_masthead.scss","../scss/_ads.scss","../scss/_content.scss","site/docs/4.1/assets/css/docs.min.css","../scss/_skiplink.scss","../scss/_sidebar.scss","../scss/_footer.scss","../scss/_component-examples.scss","../../../../../scss/mixins/_grid.scss","../../../../../scss/mixins/_clearfix.scss","../scss/_buttons.scss","../scss/_callouts.scss","../scss/_examples.scss","../scss/_browser-bugs.scss","../scss/_brand.scss","../scss/_colors.scss","../scss/_clipboard-js.scss","../scss/_syntax.scss","../scss/_anchor.scss","../scss/_algolia.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Bootstrap Docs (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under the Creative Commons Attribution 3.0 Unported License. For\n * details, see https://creativecommons.org/licenses/by/3.0/.\n */\n\n// Dev notes\n//\n// Background information on nomenclature and architecture decisions here.\n//\n// - Bootstrap functions, variables, and mixins are included for easy reuse.\n//   Doing so gives us access to the same core utilities provided by Bootstrap.\n//   For example, consistent media queries through those mixins.\n//\n// - Bootstrap's **docs variables** are prefixed with `$bd-`.\n//   These custom colors avoid collision with the components Bootstrap provides.\n//\n// - Classes are prefixed with `.bd-`.\n//   These classes indicate custom-built or modified components for the design\n//   and layout of the Bootstrap docs. They are not included in our builds.\n//\n// Happy Bootstrapping!\n\n// Load Bootstrap variables and mixins\n@import \"../../../../../scss/functions\";\n@import \"../../../../../scss/variables\";\n@import \"../../../../../scss/mixins\";\n\n// Load docs components\n@import \"variables\";\n@import \"nav\";\n@import \"masthead\";\n@import \"ads\";\n@import \"content\";\n@import \"skiplink\";\n@import \"sidebar\";\n@import \"footer\";\n@import \"component-examples\";\n@import \"buttons\";\n@import \"callouts\";\n@import \"examples\";\n@import \"browser-bugs\";\n@import \"brand\";\n@import \"colors\";\n@import \"clipboard-js\";\n\n// Load docs dependencies\n@import \"syntax\";\n@import \"anchor\";\n@import \"algolia\";\n","//\n// Main navbar\n//\n\n.bd-navbar {\n  min-height: 4rem;\n  background-color: $bd-purple;\n  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);\n\n  @include media-breakpoint-down(md) {\n    padding-right: .5rem;\n    padding-left: .5rem;\n\n    .navbar-nav-scroll {\n      max-width: 100%;\n      height: 2.5rem;\n      margin-top: .25rem;\n      overflow: hidden;\n      font-size: .875rem;\n\n      .navbar-nav {\n        padding-bottom: 2rem;\n        overflow-x: auto;\n        white-space: nowrap;\n        -webkit-overflow-scrolling: touch;\n      }\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    @supports (position: sticky) {\n      position: sticky;\n      top: 0;\n      z-index: 1071; // over everything in bootstrap\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      padding-right: .5rem;\n      padding-left: .5rem;\n      color: $bd-purple-light;\n\n      &.active,\n      &:hover {\n        color: #fff;\n        background-color: transparent;\n      }\n\n      &.active {\n        font-weight: 500;\n      }\n    }\n  }\n\n  .navbar-nav-svg {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    vertical-align: text-top;\n  }\n\n  .dropdown-menu {\n    font-size: .875rem;\n  }\n\n  .dropdown-item.active {\n    font-weight: 500;\n    color: $gray-900;\n    background-color: transparent;\n    background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: .4rem .6rem;\n    background-size: .75rem .75rem;\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// stylelint-disable declaration-no-important\n\n.bd-masthead {\n  position: relative;\n  padding: 3rem ($grid-gutter-width / 2);\n  // background-image: linear-gradient(45deg, #fafafa, #f5f5f5);\n\n  h1 {\n    line-height: 1;\n  }\n\n  .btn {\n    width: 100%;\n    padding: .8rem 2rem;\n    font-size: 1.25rem;\n    font-weight: 500;\n  }\n\n  .carbonad {\n    margin-top: 0 !important;\n    margin-bottom: -3rem !important;\n  }\n\n  @include media-breakpoint-up(sm) {\n    padding-top: 5rem;\n    padding-bottom: 5rem;\n\n    .carbonad {\n      margin-bottom: 0 !important;\n    }\n  }\n\n  @include media-breakpoint-up(md) {\n    h1 {\n      font-size: 4rem;\n    }\n\n    .carbonad {\n      margin-top: 3rem !important;\n    }\n  }\n}\n\n.half-rule {\n  width: 6rem;\n  margin: 2.5rem 0;\n}\n\n.masthead-followup {\n  .bd-clipboard { display: none; }\n\n  .highlight {\n    padding: .5rem 0;\n    background-color: transparent;\n  }\n}\n","// stylelint-disable declaration-no-important, selector-max-id\n\n//\n// Carbon ads\n//\n\n#carbonads {\n  position: static;\n  display: block;\n  max-width: 400px;\n  padding: 15px 15px 15px 160px;\n  margin: 2rem 0;\n  overflow: hidden;\n  font-size: 13px;\n  line-height: 1.4;\n  text-align: left;\n  background-color: rgba(0, 0, 0, .05);\n\n  a {\n    color: #333;\n    text-decoration: none;\n  }\n\n  @include media-breakpoint-up(sm) {\n    max-width: 330px;\n    border-radius: 4px;\n  }\n}\n\n.carbon-img {\n  float: left;\n  margin-left: -145px;\n}\n\n.carbon-poweredby {\n  display: block;\n  color: #777 !important;\n}\n","// stylelint-disable no-duplicate-selectors, selector-max-combinators, selector-max-compound-selectors, selector-max-type, selector-no-qualifying-type\n\n//\n// Automatically style Markdown-based tables like a Bootstrap `.table`.\n//\n\n.bd-content {\n  order: 1;\n\n  // Hack the sticky header\n  > h2[id],\n  > h3[id],\n  > h4[id] {\n    pointer-events: none;\n\n    > div,\n    > a {\n      pointer-events: auto;\n    }\n\n    &::before {\n      display: block;\n      height: 6rem;\n      margin-top: -6rem;\n      visibility: hidden;\n      content: \"\";\n    }\n  }\n\n  > table {\n    width: 100%;\n    max-width: 100%;\n    margin-bottom: 1rem;\n\n    @include media-breakpoint-down(md) {\n      display: block;\n      overflow-x: auto;\n      -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n      &.table-bordered {\n        border: 0;\n      }\n    }\n\n    // Cells\n    > thead,\n    > tbody,\n    > tfoot {\n      > tr {\n        > th,\n        > td {\n          padding: $table-cell-padding;\n          vertical-align: top;\n          border: 1px solid $table-border-color;\n\n          > p:last-child {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n\n    // Prevent breaking of code (e.g., Grunt tasks list)\n    td:first-child > code {\n      white-space: nowrap;\n    }\n  }\n}\n\n//\n// Docs sections\n//\n\n.bd-content {\n  > h2:not(:first-child) {\n    margin-top: 3rem;\n  }\n\n  > h3 {\n    margin-top: 1.5rem;\n  }\n\n  > ul li,\n  > ol li {\n    margin-bottom: .25rem;\n  }\n\n  @include media-breakpoint-up(lg) {\n    > ul,\n    > ol,\n    > p {\n      max-width: 80%;\n    }\n  }\n}\n\n.bd-title {\n  margin-top: 1rem;\n  margin-bottom: .5rem;\n  font-weight: 300;\n\n  @include media-breakpoint-up(sm) {\n    font-size: 3rem;\n  }\n}\n\n.bd-lead {\n  font-size: 1.125rem;\n  font-weight: 300;\n\n  @include media-breakpoint-up(sm) {\n    max-width: 80%;\n    margin-bottom: 1rem;\n    font-size: 1.5rem;\n  }\n}\n\n.bd-text-purple { color: $bd-purple; }\n.bd-text-purple-bright { color: $bd-purple-bright; }\n","/*!\n * Bootstrap Docs (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under the Creative Commons Attribution 3.0 Unported License. For\n * details, see https://creativecommons.org/licenses/by/3.0/.\n */\n.bd-navbar {\n  min-height: 4rem;\n  background-color: #563d7c;\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.1);\n}\n\n@media (max-width: 991.98px) {\n  .bd-navbar {\n    padding-right: .5rem;\n    padding-left: .5rem;\n  }\n  .bd-navbar .navbar-nav-scroll {\n    max-width: 100%;\n    height: 2.5rem;\n    margin-top: .25rem;\n    overflow: hidden;\n    font-size: .875rem;\n  }\n  .bd-navbar .navbar-nav-scroll .navbar-nav {\n    padding-bottom: 2rem;\n    overflow-x: auto;\n    white-space: nowrap;\n    -webkit-overflow-scrolling: touch;\n  }\n}\n\n@media (min-width: 768px) {\n  @supports ((position: -webkit-sticky) or (position: sticky)) {\n    .bd-navbar {\n      position: -webkit-sticky;\n      position: sticky;\n      top: 0;\n      z-index: 1071;\n    }\n  }\n}\n\n.bd-navbar .navbar-nav .nav-link {\n  padding-right: .5rem;\n  padding-left: .5rem;\n  color: #cbbde2;\n}\n\n.bd-navbar .navbar-nav .nav-link.active, .bd-navbar .navbar-nav .nav-link:hover {\n  color: #fff;\n  background-color: transparent;\n}\n\n.bd-navbar .navbar-nav .nav-link.active {\n  font-weight: 500;\n}\n\n.bd-navbar .navbar-nav-svg {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  vertical-align: text-top;\n}\n\n.bd-navbar .dropdown-menu {\n  font-size: .875rem;\n}\n\n.bd-navbar .dropdown-item.active {\n  font-weight: 500;\n  color: #212529;\n  background-color: transparent;\n  background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: .4rem .6rem;\n  background-size: .75rem .75rem;\n}\n\n.bd-masthead {\n  position: relative;\n  padding: 3rem 15px;\n}\n\n.bd-masthead h1 {\n  line-height: 1;\n}\n\n.bd-masthead .btn {\n  width: 100%;\n  padding: .8rem 2rem;\n  font-size: 1.25rem;\n  font-weight: 500;\n}\n\n.bd-masthead .carbonad {\n  margin-top: 0 !important;\n  margin-bottom: -3rem !important;\n}\n\n@media (min-width: 576px) {\n  .bd-masthead {\n    padding-top: 5rem;\n    padding-bottom: 5rem;\n  }\n  .bd-masthead .carbonad {\n    margin-bottom: 0 !important;\n  }\n}\n\n@media (min-width: 768px) {\n  .bd-masthead h1 {\n    font-size: 4rem;\n  }\n  .bd-masthead .carbonad {\n    margin-top: 3rem !important;\n  }\n}\n\n.half-rule {\n  width: 6rem;\n  margin: 2.5rem 0;\n}\n\n.masthead-followup .bd-clipboard {\n  display: none;\n}\n\n.masthead-followup .highlight {\n  padding: .5rem 0;\n  background-color: transparent;\n}\n\n#carbonads {\n  position: static;\n  display: block;\n  max-width: 400px;\n  padding: 15px 15px 15px 160px;\n  margin: 2rem 0;\n  overflow: hidden;\n  font-size: 13px;\n  line-height: 1.4;\n  text-align: left;\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n#carbonads a {\n  color: #333;\n  text-decoration: none;\n}\n\n@media (min-width: 576px) {\n  #carbonads {\n    max-width: 330px;\n    border-radius: 4px;\n  }\n}\n\n.carbon-img {\n  float: left;\n  margin-left: -145px;\n}\n\n.carbon-poweredby {\n  display: block;\n  color: #777 !important;\n}\n\n.bd-content {\n  -ms-flex-order: 1;\n  order: 1;\n}\n\n.bd-content > h2[id],\n.bd-content > h3[id],\n.bd-content > h4[id] {\n  pointer-events: none;\n}\n\n.bd-content > h2[id] > div,\n.bd-content > h2[id] > a,\n.bd-content > h3[id] > div,\n.bd-content > h3[id] > a,\n.bd-content > h4[id] > div,\n.bd-content > h4[id] > a {\n  pointer-events: auto;\n}\n\n.bd-content > h2[id]::before,\n.bd-content > h3[id]::before,\n.bd-content > h4[id]::before {\n  display: block;\n  height: 6rem;\n  margin-top: -6rem;\n  visibility: hidden;\n  content: \"\";\n}\n\n.bd-content > table {\n  width: 100%;\n  max-width: 100%;\n  margin-bottom: 1rem;\n}\n\n@media (max-width: 991.98px) {\n  .bd-content > table {\n    display: block;\n    overflow-x: auto;\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n  }\n  .bd-content > table.table-bordered {\n    border: 0;\n  }\n}\n\n.bd-content > table > thead > tr > th,\n.bd-content > table > thead > tr > td,\n.bd-content > table > tbody > tr > th,\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tfoot > tr > th,\n.bd-content > table > tfoot > tr > td {\n  padding: 0.75rem;\n  vertical-align: top;\n  border: 1px solid #dee2e6;\n}\n\n.bd-content > table > thead > tr > th > p:last-child,\n.bd-content > table > thead > tr > td > p:last-child,\n.bd-content > table > tbody > tr > th > p:last-child,\n.bd-content > table > tbody > tr > td > p:last-child,\n.bd-content > table > tfoot > tr > th > p:last-child,\n.bd-content > table > tfoot > tr > td > p:last-child {\n  margin-bottom: 0;\n}\n\n.bd-content > table td:first-child > code {\n  white-space: nowrap;\n}\n\n.bd-content > h2:not(:first-child) {\n  margin-top: 3rem;\n}\n\n.bd-content > h3 {\n  margin-top: 1.5rem;\n}\n\n.bd-content > ul li,\n.bd-content > ol li {\n  margin-bottom: .25rem;\n}\n\n@media (min-width: 992px) {\n  .bd-content > ul,\n  .bd-content > ol,\n  .bd-content > p {\n    max-width: 80%;\n  }\n}\n\n.bd-title {\n  margin-top: 1rem;\n  margin-bottom: .5rem;\n  font-weight: 300;\n}\n\n@media (min-width: 576px) {\n  .bd-title {\n    font-size: 3rem;\n  }\n}\n\n.bd-lead {\n  font-size: 1.125rem;\n  font-weight: 300;\n}\n\n@media (min-width: 576px) {\n  .bd-lead {\n    max-width: 80%;\n    margin-bottom: 1rem;\n    font-size: 1.5rem;\n  }\n}\n\n.bd-text-purple {\n  color: #563d7c;\n}\n\n.bd-text-purple-bright {\n  color: #7952b3;\n}\n\n#skippy {\n  display: block;\n  padding: 1em;\n  color: #fff;\n  background-color: #563d7c;\n  outline: 0;\n}\n\n#skippy .skiplink-text {\n  padding: .5em;\n  outline: 1px dotted;\n}\n\n.bd-toc {\n  -ms-flex-order: 2;\n  order: 2;\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  font-size: .875rem;\n}\n\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n  .bd-toc {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 4rem;\n    height: calc(100vh - 4rem);\n    overflow-y: auto;\n  }\n}\n\n.section-nav {\n  padding-left: 0;\n  border-left: 1px solid #eee;\n}\n\n.section-nav ul {\n  padding-left: 1rem;\n}\n\n.section-nav ul ul {\n  display: none;\n}\n\n.toc-entry {\n  display: block;\n}\n\n.toc-entry a {\n  display: block;\n  padding: .125rem 1.5rem;\n  color: #99979c;\n}\n\n.toc-entry a:hover {\n  color: #007bff;\n  text-decoration: none;\n}\n\n.bd-sidebar {\n  -ms-flex-order: 0;\n  order: 0;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n@media (min-width: 768px) {\n  .bd-sidebar {\n    border-right: 1px solid rgba(0, 0, 0, 0.1);\n  }\n  @supports ((position: -webkit-sticky) or (position: sticky)) {\n    .bd-sidebar {\n      position: -webkit-sticky;\n      position: sticky;\n      top: 4rem;\n      z-index: 1000;\n      height: calc(100vh - 4rem);\n    }\n  }\n}\n\n@media (min-width: 1200px) {\n  .bd-sidebar {\n    -ms-flex: 0 1 320px;\n    flex: 0 1 320px;\n  }\n}\n\n.bd-links {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  margin-right: -15px;\n  margin-left: -15px;\n}\n\n@media (min-width: 768px) {\n  @supports ((position: -webkit-sticky) or (position: sticky)) {\n    .bd-links {\n      max-height: calc(100vh - 9rem);\n      overflow-y: auto;\n    }\n  }\n}\n\n@media (min-width: 768px) {\n  .bd-links {\n    display: block !important;\n  }\n}\n\n.bd-search {\n  position: relative;\n  padding: 1rem 15px;\n  margin-right: -15px;\n  margin-left: -15px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.bd-search .form-control:focus {\n  border-color: #7952b3;\n  box-shadow: 0 0 0 3px rgba(121, 82, 179, 0.25);\n}\n\n.bd-search-docs-toggle {\n  line-height: 1;\n  color: #212529;\n}\n\n.bd-sidenav {\n  display: none;\n}\n\n.bd-toc-link {\n  display: block;\n  padding: .25rem 1.5rem;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.65);\n}\n\n.bd-toc-link:hover {\n  color: rgba(0, 0, 0, 0.85);\n  text-decoration: none;\n}\n\n.bd-toc-item.active {\n  margin-bottom: 1rem;\n}\n\n.bd-toc-item.active:not(:first-child) {\n  margin-top: 1rem;\n}\n\n.bd-toc-item.active > .bd-toc-link {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.bd-toc-item.active > .bd-toc-link:hover {\n  background-color: transparent;\n}\n\n.bd-toc-item.active > .bd-sidenav {\n  display: block;\n}\n\n.bd-sidebar .nav > li > a {\n  display: block;\n  padding: .25rem 1.5rem;\n  font-size: 90%;\n  color: rgba(0, 0, 0, 0.65);\n}\n\n.bd-sidebar .nav > li > a:hover {\n  color: rgba(0, 0, 0, 0.85);\n  text-decoration: none;\n  background-color: transparent;\n}\n\n.bd-sidebar .nav > .active > a,\n.bd-sidebar .nav > .active:hover > a {\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.85);\n  background-color: transparent;\n}\n\n.bd-footer {\n  font-size: 85%;\n  text-align: center;\n  background-color: #f7f7f7;\n}\n\n.bd-footer a {\n  font-weight: 500;\n  color: #495057;\n}\n\n.bd-footer a:hover, .bd-footer a:focus {\n  color: #007bff;\n}\n\n.bd-footer p {\n  margin-bottom: 0;\n}\n\n@media (min-width: 576px) {\n  .bd-footer {\n    text-align: left;\n  }\n}\n\n.bd-footer-links {\n  padding-left: 0;\n  margin-bottom: 1rem;\n}\n\n.bd-footer-links li {\n  display: inline-block;\n}\n\n.bd-footer-links li + li {\n  margin-left: 1rem;\n}\n\n.bd-example-row .row > .col,\n.bd-example-row .row > [class^=\"col-\"] {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n  background-color: rgba(86, 61, 124, 0.15);\n  border: 1px solid rgba(86, 61, 124, 0.2);\n}\n\n.bd-example-row .row + .row {\n  margin-top: 1rem;\n}\n\n.bd-example-row .flex-items-top,\n.bd-example-row .flex-items-middle,\n.bd-example-row .flex-items-bottom {\n  min-height: 6rem;\n  background-color: rgba(255, 0, 0, 0.1);\n}\n\n.bd-example-row-flex-cols .row {\n  min-height: 10rem;\n  background-color: rgba(255, 0, 0, 0.1);\n}\n\n.bd-highlight {\n  background-color: rgba(86, 61, 124, 0.15);\n  border: 1px solid rgba(86, 61, 124, 0.15);\n}\n\n.example-container {\n  width: 800px;\n  width: 100%;\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.example-row {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n}\n\n.example-content-main {\n  position: relative;\n  width: 100%;\n  min-height: 1px;\n  padding-right: 15px;\n  padding-left: 15px;\n}\n\n@media (min-width: 576px) {\n  .example-content-main {\n    -ms-flex: 0 0 50%;\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n}\n\n@media (min-width: 992px) {\n  .example-content-main {\n    -ms-flex: 0 0 66.666667%;\n    flex: 0 0 66.666667%;\n    max-width: 66.666667%;\n  }\n}\n\n.example-content-secondary {\n  position: relative;\n  width: 100%;\n  min-height: 1px;\n  padding-right: 15px;\n  padding-left: 15px;\n}\n\n@media (min-width: 576px) {\n  .example-content-secondary {\n    -ms-flex: 0 0 50%;\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n}\n\n@media (min-width: 992px) {\n  .example-content-secondary {\n    -ms-flex: 0 0 33.333333%;\n    flex: 0 0 33.333333%;\n    max-width: 33.333333%;\n  }\n}\n\n.bd-example-container {\n  min-width: 16rem;\n  max-width: 25rem;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.bd-example-container-header {\n  height: 3rem;\n  margin-bottom: .5rem;\n  background-color: white;\n  border-radius: .25rem;\n}\n\n.bd-example-container-sidebar {\n  float: right;\n  width: 4rem;\n  height: 8rem;\n  background-color: #80bdff;\n  border-radius: .25rem;\n}\n\n.bd-example-container-body {\n  height: 8rem;\n  margin-right: 4.5rem;\n  background-color: #957bbe;\n  border-radius: .25rem;\n}\n\n.bd-example-container-fluid {\n  max-width: none;\n}\n\n.bd-example {\n  position: relative;\n  padding: 1rem;\n  margin: 1rem -15px 0;\n  border: solid #f8f9fa;\n  border-width: .2rem 0 0;\n}\n\n.bd-example::after {\n  display: block;\n  clear: both;\n  content: \"\";\n}\n\n@media (min-width: 576px) {\n  .bd-example {\n    padding: 1.5rem;\n    margin-right: 0;\n    margin-left: 0;\n    border-width: .2rem;\n  }\n}\n\n.bd-example + .highlight,\n.bd-example + .clipboard + .highlight {\n  margin-top: 0;\n}\n\n.bd-example + p {\n  margin-top: 2rem;\n}\n\n.bd-example .pos-f-t {\n  position: relative;\n  margin: -1rem;\n}\n\n@media (min-width: 576px) {\n  .bd-example .pos-f-t {\n    margin: -1.5rem;\n  }\n}\n\n.bd-example .custom-file-input:lang(es) ~ .custom-file-label::after {\n  content: \"Elegir\";\n}\n\n.bd-example > .form-control + .form-control {\n  margin-top: .5rem;\n}\n\n.bd-example > .nav + .nav,\n.bd-example > .alert + .alert,\n.bd-example > .navbar + .navbar,\n.bd-example > .progress + .progress,\n.bd-example > .progress + .btn {\n  margin-top: 1rem;\n}\n\n.bd-example > .dropdown-menu:first-child {\n  position: static;\n  display: block;\n}\n\n.bd-example > .form-group:last-child {\n  margin-bottom: 0;\n}\n\n.bd-example > .close {\n  float: none;\n}\n\n.bd-example-type .table .type-info {\n  color: #999;\n  vertical-align: middle;\n}\n\n.bd-example-type .table td {\n  padding: 1rem 0;\n  border-color: #eee;\n}\n\n.bd-example-type .table tr:first-child td {\n  border-top: 0;\n}\n\n.bd-example-type h1,\n.bd-example-type h2,\n.bd-example-type h3,\n.bd-example-type h4,\n.bd-example-type h5,\n.bd-example-type h6 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.bd-example-bg-classes p {\n  padding: 1rem;\n}\n\n.bd-example > img + img {\n  margin-left: .5rem;\n}\n\n.bd-example > .btn-group {\n  margin-top: .25rem;\n  margin-bottom: .25rem;\n}\n\n.bd-example > .btn-toolbar + .btn-toolbar {\n  margin-top: .5rem;\n}\n\n.bd-example-control-sizing select,\n.bd-example-control-sizing input[type=\"text\"] + input[type=\"text\"] {\n  margin-top: .5rem;\n}\n\n.bd-example-form .input-group {\n  margin-bottom: .5rem;\n}\n\n.bd-example > textarea.form-control {\n  resize: vertical;\n}\n\n.bd-example > .list-group {\n  max-width: 400px;\n}\n\n.bd-example .fixed-top,\n.bd-example .sticky-top {\n  position: static;\n  margin: -1rem -1rem 1rem;\n}\n\n.bd-example .fixed-bottom {\n  position: static;\n  margin: 1rem -1rem -1rem;\n}\n\n@media (min-width: 576px) {\n  .bd-example .fixed-top,\n  .bd-example .sticky-top {\n    margin: -1.5rem -1.5rem 1rem;\n  }\n  .bd-example .fixed-bottom {\n    margin: 1rem -1.5rem -1.5rem;\n  }\n}\n\n.bd-example .pagination {\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n.modal {\n  z-index: 1072;\n}\n\n.modal .tooltip,\n.modal .popover {\n  z-index: 1073;\n}\n\n.modal-backdrop {\n  z-index: 1071;\n}\n\n.bd-example-modal {\n  background-color: #fafafa;\n}\n\n.bd-example-modal .modal {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  z-index: 1;\n  display: block;\n}\n\n.bd-example-modal .modal-dialog {\n  left: auto;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.bd-example-tabs .nav-tabs {\n  margin-bottom: 1rem;\n}\n\n.bd-example-popover-static {\n  padding-bottom: 1.5rem;\n  background-color: #f9f9f9;\n}\n\n.bd-example-popover-static .popover {\n  position: relative;\n  display: block;\n  float: left;\n  width: 260px;\n  margin: 1.25rem;\n}\n\n.tooltip-demo a {\n  white-space: nowrap;\n}\n\n.bd-example-tooltip-static .tooltip {\n  position: relative;\n  display: inline-block;\n  margin: 10px 20px;\n  opacity: 1;\n}\n\n.scrollspy-example {\n  position: relative;\n  height: 200px;\n  margin-top: .5rem;\n  overflow: auto;\n}\n\n.scrollspy-example-2 {\n  position: relative;\n  height: 350px;\n  overflow: auto;\n}\n\n.bd-example-border-utils [class^=\"border\"] {\n  display: inline-block;\n  width: 5rem;\n  height: 5rem;\n  margin: .25rem;\n  background-color: #f5f5f5;\n}\n\n.bd-example-border-utils-0 [class^=\"border\"] {\n  border: 1px solid #dee2e6;\n}\n\n.highlight {\n  padding: 1rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n  background-color: #f8f9fa;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n@media (min-width: 576px) {\n  .highlight {\n    padding: 1.5rem;\n  }\n}\n\n.bd-content .highlight {\n  margin-right: -15px;\n  margin-left: -15px;\n}\n\n@media (min-width: 576px) {\n  .bd-content .highlight {\n    margin-right: 0;\n    margin-left: 0;\n  }\n}\n\n.highlight pre {\n  padding: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  background-color: transparent;\n  border: 0;\n}\n\n.highlight pre code {\n  font-size: inherit;\n  color: #212529;\n}\n\n.btn-bd-primary {\n  font-weight: 500;\n  color: #7952b3;\n  border-color: #7952b3;\n}\n\n.btn-bd-primary:hover, .btn-bd-primary:active {\n  color: #fff;\n  background-color: #7952b3;\n  border-color: #7952b3;\n}\n\n.btn-bd-primary:focus {\n  box-shadow: 0 0 0 3px rgba(121, 82, 179, 0.25);\n}\n\n.btn-bd-download {\n  font-weight: 500;\n  color: #ffe484;\n  border-color: #ffe484;\n}\n\n.btn-bd-download:hover, .btn-bd-download:active {\n  color: #2a2730;\n  background-color: #ffe484;\n  border-color: #ffe484;\n}\n\n.btn-bd-download:focus {\n  box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.25);\n}\n\n.bd-callout {\n  padding: 1.25rem;\n  margin-top: 1.25rem;\n  margin-bottom: 1.25rem;\n  border: 1px solid #eee;\n  border-left-width: .25rem;\n  border-radius: .25rem;\n}\n\n.bd-callout h4 {\n  margin-top: 0;\n  margin-bottom: .25rem;\n}\n\n.bd-callout p:last-child {\n  margin-bottom: 0;\n}\n\n.bd-callout code {\n  border-radius: .25rem;\n}\n\n.bd-callout + .bd-callout {\n  margin-top: -.25rem;\n}\n\n.bd-callout-info {\n  border-left-color: #5bc0de;\n}\n\n.bd-callout-info h4 {\n  color: #5bc0de;\n}\n\n.bd-callout-warning {\n  border-left-color: #f0ad4e;\n}\n\n.bd-callout-warning h4 {\n  color: #f0ad4e;\n}\n\n.bd-callout-danger {\n  border-left-color: #d9534f;\n}\n\n.bd-callout-danger h4 {\n  color: #d9534f;\n}\n\n.bd-examples .img-thumbnail {\n  margin-bottom: .75rem;\n}\n\n.bd-examples h4 {\n  margin-bottom: .25rem;\n}\n\n.bd-examples p {\n  margin-bottom: 1.25rem;\n}\n\n@media (max-width: 480px) {\n  .bd-examples {\n    margin-right: -.75rem;\n    margin-left: -.75rem;\n  }\n  .bd-examples > [class^=\"col-\"] {\n    padding-right: .75rem;\n    padding-left: .75rem;\n  }\n}\n\n.bd-browser-bugs td p {\n  margin-bottom: 0;\n}\n\n.bd-browser-bugs th:first-child {\n  width: 18%;\n}\n\n.bd-brand-logos {\n  display: table;\n  width: 100%;\n  margin-bottom: 1rem;\n  overflow: hidden;\n  color: #563d7c;\n  background-color: #f9f9f9;\n  border-radius: .25rem;\n}\n\n.bd-brand-item {\n  padding: 4rem 0;\n  text-align: center;\n}\n\n.bd-brand-item + .bd-brand-item {\n  border-top: 1px solid #fff;\n}\n\n.bd-brand-logos .inverse {\n  color: #fff;\n  background-color: #563d7c;\n}\n\n.bd-brand-item h1,\n.bd-brand-item h3 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.bd-brand-item .bd-booticon {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media (min-width: 768px) {\n  .bd-brand-item {\n    display: table-cell;\n    width: 1%;\n  }\n  .bd-brand-item + .bd-brand-item {\n    border-top: 0;\n    border-left: 1px solid #fff;\n  }\n  .bd-brand-item h1 {\n    font-size: 4rem;\n  }\n}\n\n.color-swatches {\n  margin: 0 -5px;\n  overflow: hidden;\n}\n\n.color-swatch {\n  float: left;\n  width: 4rem;\n  height: 4rem;\n  margin-right: .25rem;\n  margin-left: .25rem;\n  border-radius: .25rem;\n}\n\n@media (min-width: 768px) {\n  .color-swatch {\n    width: 6rem;\n    height: 6rem;\n  }\n}\n\n.color-swatches .bd-purple {\n  background-color: #563d7c;\n}\n\n.color-swatches .bd-purple-light {\n  background-color: #cbbde2;\n}\n\n.color-swatches .bd-purple-lighter {\n  background-color: #e5e1ea;\n}\n\n.color-swatches .bd-gray {\n  background-color: #f9f9f9;\n}\n\n.swatch-blue {\n  color: #fff;\n  background-color: #007bff;\n}\n\n.swatch-indigo {\n  color: #fff;\n  background-color: #6610f2;\n}\n\n.swatch-purple {\n  color: #fff;\n  background-color: #6f42c1;\n}\n\n.swatch-pink {\n  color: #fff;\n  background-color: #e83e8c;\n}\n\n.swatch-red {\n  color: #fff;\n  background-color: #dc3545;\n}\n\n.swatch-orange {\n  color: #212529;\n  background-color: #fd7e14;\n}\n\n.swatch-yellow {\n  color: #212529;\n  background-color: #ffc107;\n}\n\n.swatch-green {\n  color: #fff;\n  background-color: #28a745;\n}\n\n.swatch-teal {\n  color: #fff;\n  background-color: #20c997;\n}\n\n.swatch-cyan {\n  color: #fff;\n  background-color: #17a2b8;\n}\n\n.swatch-white {\n  color: #212529;\n  background-color: #fff;\n}\n\n.swatch-gray {\n  color: #fff;\n  background-color: #6c757d;\n}\n\n.swatch-gray-dark {\n  color: #fff;\n  background-color: #343a40;\n}\n\n.swatch-primary {\n  color: #fff;\n  background-color: #007bff;\n}\n\n.swatch-secondary {\n  color: #fff;\n  background-color: #6c757d;\n}\n\n.swatch-success {\n  color: #fff;\n  background-color: #28a745;\n}\n\n.swatch-info {\n  color: #fff;\n  background-color: #17a2b8;\n}\n\n.swatch-warning {\n  color: #212529;\n  background-color: #ffc107;\n}\n\n.swatch-danger {\n  color: #fff;\n  background-color: #dc3545;\n}\n\n.swatch-light {\n  color: #212529;\n  background-color: #f8f9fa;\n}\n\n.swatch-dark {\n  color: #fff;\n  background-color: #343a40;\n}\n\n.swatch-100 {\n  color: #212529;\n  background-color: #f8f9fa;\n}\n\n.swatch-200 {\n  color: #212529;\n  background-color: #e9ecef;\n}\n\n.swatch-300 {\n  color: #212529;\n  background-color: #dee2e6;\n}\n\n.swatch-400 {\n  color: #212529;\n  background-color: #ced4da;\n}\n\n.swatch-500 {\n  color: #212529;\n  background-color: #adb5bd;\n}\n\n.swatch-600 {\n  color: #fff;\n  background-color: #6c757d;\n}\n\n.swatch-700 {\n  color: #fff;\n  background-color: #495057;\n}\n\n.swatch-800 {\n  color: #fff;\n  background-color: #343a40;\n}\n\n.swatch-900 {\n  color: #fff;\n  background-color: #212529;\n}\n\n.bd-clipboard {\n  position: relative;\n  display: none;\n  float: right;\n}\n\n.bd-clipboard + .highlight {\n  margin-top: 0;\n}\n\n.btn-clipboard {\n  position: absolute;\n  top: .5rem;\n  right: .5rem;\n  z-index: 10;\n  display: block;\n  padding: .25rem .5rem;\n  font-size: 75%;\n  color: #818a91;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  border-radius: .25rem;\n}\n\n.btn-clipboard:hover {\n  color: #fff;\n  background-color: #027de7;\n}\n\n@media (min-width: 768px) {\n  .bd-clipboard {\n    display: block;\n  }\n}\n\n.hll {\n  background-color: #ffc;\n}\n\n.c {\n  color: #999;\n}\n\n.k {\n  color: #069;\n}\n\n.o {\n  color: #555;\n}\n\n.cm {\n  color: #999;\n}\n\n.cp {\n  color: #099;\n}\n\n.c1 {\n  color: #999;\n}\n\n.cs {\n  color: #999;\n}\n\n.gd {\n  background-color: #fcc;\n  border: 1px solid #c00;\n}\n\n.ge {\n  font-style: italic;\n}\n\n.gr {\n  color: #f00;\n}\n\n.gh {\n  color: #030;\n}\n\n.gi {\n  background-color: #cfc;\n  border: 1px solid #0c0;\n}\n\n.go {\n  color: #aaa;\n}\n\n.gp {\n  color: #009;\n}\n\n.gu {\n  color: #030;\n}\n\n.gt {\n  color: #9c6;\n}\n\n.kc {\n  color: #069;\n}\n\n.kd {\n  color: #069;\n}\n\n.kn {\n  color: #069;\n}\n\n.kp {\n  color: #069;\n}\n\n.kr {\n  color: #069;\n}\n\n.kt {\n  color: #078;\n}\n\n.m {\n  color: #f60;\n}\n\n.s {\n  color: #d44950;\n}\n\n.na {\n  color: #4f9fcf;\n}\n\n.nb {\n  color: #366;\n}\n\n.nc {\n  color: #0a8;\n}\n\n.no {\n  color: #360;\n}\n\n.nd {\n  color: #99f;\n}\n\n.ni {\n  color: #999;\n}\n\n.ne {\n  color: #c00;\n}\n\n.nf {\n  color: #c0f;\n}\n\n.nl {\n  color: #99f;\n}\n\n.nn {\n  color: #0cf;\n}\n\n.nt {\n  color: #2f6f9f;\n}\n\n.nv {\n  color: #033;\n}\n\n.ow {\n  color: #000;\n}\n\n.w {\n  color: #bbb;\n}\n\n.mf {\n  color: #f60;\n}\n\n.mh {\n  color: #f60;\n}\n\n.mi {\n  color: #f60;\n}\n\n.mo {\n  color: #f60;\n}\n\n.sb {\n  color: #c30;\n}\n\n.sc {\n  color: #c30;\n}\n\n.sd {\n  font-style: italic;\n  color: #c30;\n}\n\n.s2 {\n  color: #c30;\n}\n\n.se {\n  color: #c30;\n}\n\n.sh {\n  color: #c30;\n}\n\n.si {\n  color: #a00;\n}\n\n.sx {\n  color: #c30;\n}\n\n.sr {\n  color: #3aa;\n}\n\n.s1 {\n  color: #c30;\n}\n\n.ss {\n  color: #fc3;\n}\n\n.bp {\n  color: #366;\n}\n\n.vc {\n  color: #033;\n}\n\n.vg {\n  color: #033;\n}\n\n.vi {\n  color: #033;\n}\n\n.il {\n  color: #f60;\n}\n\n.css .o,\n.css .o + .nt,\n.css .nt + .nt {\n  color: #999;\n}\n\n.language-bash::before,\n.language-sh::before {\n  color: #009;\n  content: \"$ \";\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.language-powershell::before {\n  color: #009;\n  content: \"PM> \";\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.anchorjs-link {\n  font-weight: 400;\n  color: rgba(0, 123, 255, 0.5);\n  transition: color .16s linear;\n}\n\n.anchorjs-link:hover {\n  color: #007bff;\n  text-decoration: none;\n}\n\n.algolia-autocomplete {\n  display: block !important;\n  -ms-flex: 1;\n  flex: 1;\n}\n\n.algolia-autocomplete .ds-dropdown-menu {\n  width: 100%;\n  min-width: 0 !important;\n  max-width: none !important;\n  padding: .75rem 0 !important;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);\n}\n\n@media (min-width: 768px) {\n  .algolia-autocomplete .ds-dropdown-menu {\n    width: 175%;\n  }\n}\n\n.algolia-autocomplete .ds-dropdown-menu::before {\n  display: none !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu [class^=\"ds-dataset-\"] {\n  padding: 0 !important;\n  overflow: visible !important;\n  background-color: transparent !important;\n  border: 0 !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu .ds-suggestions {\n  margin-top: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion {\n  padding: 0 !important;\n  overflow: visible !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--category-header {\n  padding: .125rem 1rem !important;\n  margin-top: 0 !important;\n  font-size: .875rem !important;\n  font-weight: 500 !important;\n  color: #7952b3 !important;\n  border-bottom: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--wrapper {\n  float: none !important;\n  padding-top: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {\n  float: none !important;\n  width: auto !important;\n  padding: 0 !important;\n  text-align: left !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--content {\n  float: none !important;\n  width: auto !important;\n  padding: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--content::before {\n  display: none !important;\n}\n\n.algolia-autocomplete .ds-suggestion:not(:first-child) .algolia-docsearch-suggestion--category-header {\n  padding-top: .75rem !important;\n  margin-top: .75rem !important;\n  border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.algolia-autocomplete .ds-suggestion .algolia-docsearch-suggestion--subcategory-column {\n  display: none !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--title {\n  display: block;\n  padding: .25rem 1rem !important;\n  margin-bottom: 0 !important;\n  font-size: .875rem !important;\n  font-weight: 400 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--text {\n  padding: 0 1rem .5rem !important;\n  margin-top: -.25rem;\n  font-size: .875rem !important;\n  font-weight: 400;\n  line-height: 1.25 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-footer {\n  float: none !important;\n  width: auto !important;\n  height: auto !important;\n  padding: .75rem 1rem 0;\n  font-size: .75rem !important;\n  line-height: 1 !important;\n  color: #767676 !important;\n  border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.algolia-autocomplete .algolia-docsearch-footer--logo {\n  display: inline !important;\n  overflow: visible !important;\n  color: inherit !important;\n  text-indent: 0 !important;\n  background: none !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--highlight {\n  color: #5f2dab;\n  background-color: rgba(154, 132, 187, 0.12);\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {\n  box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, 0.5) !important;\n}\n\n.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n  background-color: rgba(208, 189, 236, 0.15) !important;\n}\n/*# sourceMappingURL=docs.min.css.map */","// stylelint-disable selector-max-id\n\n#skippy {\n  display: block;\n  padding: 1em;\n  color: #fff;\n  background-color: $bd-purple;\n  outline: 0;\n\n  .skiplink-text {\n    padding: .5em;\n    outline: 1px dotted;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Right side table of contents\n//\n\n.bd-toc {\n  @supports (position: sticky) {\n    position: sticky;\n    top: 4rem;\n    height: calc(100vh - 4rem);\n    overflow-y: auto;\n  }\n  order: 2;\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  font-size: .875rem;\n}\n\n.section-nav {\n  padding-left: 0;\n  border-left: 1px solid #eee;\n\n  ul {\n    padding-left: 1rem;\n\n    ul {\n      display: none;\n    }\n  }\n}\n\n.toc-entry {\n  display: block;\n\n  a {\n    display: block;\n    padding: .125rem 1.5rem;\n    color: #99979c;\n\n    &:hover {\n      color: $blue;\n      text-decoration: none;\n    }\n  }\n}\n\n//\n// Left side navigation\n//\n\n.bd-sidebar {\n  order: 0;\n  // background-color: #f5f2f9;\n  border-bottom: 1px solid rgba(0, 0, 0, .1);\n\n  @include media-breakpoint-up(md) {\n    @supports (position: sticky) {\n      position: sticky;\n      top: 4rem;\n      z-index: 1000;\n      height: calc(100vh - 4rem);\n    }\n    border-right: 1px solid rgba(0, 0, 0, .1);\n  }\n\n  @include media-breakpoint-up(xl) {\n    flex: 0 1 320px;\n  }\n}\n\n.bd-links {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  margin-right: -15px;\n  margin-left: -15px;\n\n  @include media-breakpoint-up(md) {\n    @supports (position: sticky) {\n      max-height: calc(100vh - 9rem);\n      overflow-y: auto;\n    }\n  }\n\n  // Override collapse behaviors\n  @include media-breakpoint-up(md) {\n    display: block !important;\n  }\n}\n\n.bd-search {\n  position: relative; // To contain the Algolia search\n  padding: 1rem 15px;\n  margin-right: -15px;\n  margin-left: -15px;\n  border-bottom: 1px solid rgba(0, 0, 0, .05);\n\n  .form-control:focus {\n    border-color: $bd-purple-bright;\n    box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);\n  }\n}\n\n.bd-search-docs-toggle {\n  line-height: 1;\n  color: $gray-900;\n}\n\n.bd-sidenav {\n  display: none;\n}\n\n.bd-toc-link {\n  display: block;\n  padding: .25rem 1.5rem;\n  font-weight: 500;\n  color: rgba(0, 0, 0, .65);\n\n  &:hover {\n    color: rgba(0, 0, 0, .85);\n    text-decoration: none;\n  }\n}\n\n.bd-toc-item {\n  &.active {\n    margin-bottom: 1rem;\n\n    &:not(:first-child) {\n      margin-top: 1rem;\n    }\n\n    > .bd-toc-link {\n      color: rgba(0, 0, 0, .85);\n\n      &:hover {\n        background-color: transparent;\n      }\n    }\n\n    > .bd-sidenav {\n      display: block;\n    }\n  }\n}\n\n// All levels of nav\n.bd-sidebar .nav > li > a {\n  display: block;\n  padding: .25rem 1.5rem;\n  font-size: 90%;\n  color: rgba(0, 0, 0, .65);\n}\n\n.bd-sidebar .nav > li > a:hover {\n  color: rgba(0, 0, 0, .85);\n  text-decoration: none;\n  background-color: transparent;\n}\n\n.bd-sidebar .nav > .active > a,\n.bd-sidebar .nav > .active:hover > a {\n  font-weight: 500;\n  color: rgba(0, 0, 0, .85);\n  background-color: transparent;\n}\n","//\n// Footer\n//\n\n.bd-footer {\n  font-size: 85%;\n  text-align: center;\n  background-color: #f7f7f7;\n\n  a {\n    font-weight: 500;\n    color: $gray-700;\n\n    &:hover,\n    &:focus {\n      color: $link-color;\n    }\n  }\n\n  p {\n    margin-bottom: 0;\n  }\n\n  @include media-breakpoint-up(sm) {\n    text-align: left;\n  }\n}\n\n.bd-footer-links {\n  padding-left: 0;\n  margin-bottom: 1rem;\n\n  li {\n    display: inline-block;\n\n    + li {\n      margin-left: 1rem;\n    }\n  }\n}\n","// stylelint-disable no-duplicate-selectors, selector-no-qualifying-type\n\n//\n// Grid examples\n//\n\n.bd-example-row {\n  .row {\n    > .col,\n    > [class^=\"col-\"] {\n      padding-top: .75rem;\n      padding-bottom: .75rem;\n      background-color: rgba(86, 61, 124, .15);\n      border: 1px solid rgba(86, 61, 124, .2);\n    }\n  }\n\n  .row + .row {\n    margin-top: 1rem;\n  }\n\n  .flex-items-top,\n  .flex-items-middle,\n  .flex-items-bottom {\n    min-height: 6rem;\n    background-color: rgba(255, 0, 0, .1);\n  }\n}\n\n.bd-example-row-flex-cols .row {\n  min-height: 10rem;\n  background-color: rgba(255, 0, 0, .1);\n}\n\n.bd-highlight {\n  background-color: rgba($bd-purple, .15);\n  border: 1px solid rgba($bd-purple, .15);\n}\n\n// Grid mixins\n.example-container {\n  width: 800px;\n  @include make-container();\n}\n\n.example-row {\n  @include make-row();\n}\n\n.example-content-main {\n  @include make-col-ready();\n\n  @include media-breakpoint-up(sm) {\n    @include make-col(6);\n  }\n\n  @include media-breakpoint-up(lg) {\n    @include make-col(8);\n  }\n}\n\n.example-content-secondary {\n  @include make-col-ready();\n\n  @include media-breakpoint-up(sm) {\n    @include make-col(6);\n  }\n\n  @include media-breakpoint-up(lg) {\n    @include make-col(4);\n  }\n}\n\n\n//\n// Container illustrations\n//\n\n.bd-example-container {\n  min-width: 16rem;\n  max-width: 25rem;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.bd-example-container-header {\n  height: 3rem;\n  margin-bottom: .5rem;\n  background-color: lighten($blue, 50%);\n  border-radius: .25rem;\n}\n\n.bd-example-container-sidebar {\n  float: right;\n  width: 4rem;\n  height: 8rem;\n  background-color: lighten($blue, 25%);\n  border-radius: .25rem;\n}\n\n.bd-example-container-body {\n  height: 8rem;\n  margin-right: 4.5rem;\n  background-color: lighten($bd-purple, 25%);\n  border-radius: .25rem;\n}\n\n.bd-example-container-fluid {\n  max-width: none;\n}\n\n\n//\n// Docs examples\n//\n\n.bd-example {\n  position: relative;\n  padding: 1rem;\n  margin: 1rem (-$grid-gutter-width / 2) 0;\n  border: solid $gray-100;\n  border-width: .2rem 0 0;\n  @include clearfix();\n\n  @include media-breakpoint-up(sm) {\n    padding: 1.5rem;\n    margin-right: 0;\n    margin-left: 0;\n    border-width: .2rem;\n  }\n\n  + .highlight,\n  + .clipboard + .highlight {\n    margin-top: 0;\n  }\n\n  + p {\n    margin-top: 2rem;\n  }\n\n  .pos-f-t {\n    position: relative;\n    margin: -1rem;\n\n    @include media-breakpoint-up(sm) {\n      margin: -1.5rem;\n    }\n  }\n\n  .custom-file-input:lang(es) ~ .custom-file-label::after {\n    content: \"Elegir\";\n  }\n\n  > .form-control {\n    + .form-control {\n      margin-top: .5rem;\n    }\n  }\n\n  > .nav + .nav,\n  > .alert + .alert,\n  > .navbar + .navbar,\n  > .progress + .progress,\n  > .progress + .btn {\n    margin-top: 1rem;\n  }\n\n  > .dropdown-menu:first-child {\n    position: static;\n    display: block;\n  }\n\n  > .form-group:last-child {\n    margin-bottom: 0;\n  }\n\n  > .close {\n    float: none;\n  }\n}\n\n// Typography\n.bd-example-type {\n  .table {\n    .type-info {\n      color: #999;\n      vertical-align: middle;\n    }\n    td {\n      padding: 1rem 0;\n      border-color: #eee;\n    }\n    tr:first-child td {\n      border-top: 0;\n    }\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n// Contextual background colors\n.bd-example-bg-classes p {\n  padding: 1rem;\n}\n\n// Images\n.bd-example > img {\n  + img {\n    margin-left: .5rem;\n  }\n}\n\n// Buttons\n.bd-example {\n  > .btn-group {\n    margin-top: .25rem;\n    margin-bottom: .25rem;\n  }\n  > .btn-toolbar + .btn-toolbar {\n    margin-top: .5rem;\n  }\n}\n\n// Forms\n.bd-example-control-sizing select,\n.bd-example-control-sizing input[type=\"text\"] + input[type=\"text\"] {\n  margin-top: .5rem;\n}\n.bd-example-form .input-group {\n  margin-bottom: .5rem;\n}\n.bd-example > textarea.form-control {\n  resize: vertical;\n}\n\n// List groups\n.bd-example > .list-group {\n  max-width: 400px;\n}\n\n// Navbars\n.bd-example {\n  .fixed-top,\n  .sticky-top {\n    position: static;\n    margin: -1rem -1rem 1rem;\n  }\n  .fixed-bottom {\n    position: static;\n    margin: 1rem -1rem -1rem;\n  }\n\n  @include media-breakpoint-up(sm) {\n    .fixed-top,\n    .sticky-top {\n      margin: -1.5rem -1.5rem 1rem;\n    }\n    .fixed-bottom {\n      margin: 1rem -1.5rem -1.5rem;\n    }\n  }\n}\n\n// Pagination\n.bd-example .pagination {\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n// Example modals\n.modal {\n  z-index: 1072;\n\n  .tooltip,\n  .popover {\n    z-index: 1073;\n  }\n}\n\n.modal-backdrop {\n  z-index: 1071;\n}\n\n.bd-example-modal {\n  background-color: #fafafa;\n\n  .modal {\n    position: relative;\n    top: auto;\n    right: auto;\n    bottom: auto;\n    left: auto;\n    z-index: 1;\n    display: block;\n  }\n\n  .modal-dialog {\n    left: auto;\n    margin-right: auto;\n    margin-left: auto;\n  }\n}\n\n// Example tabbable tabs\n.bd-example-tabs .nav-tabs {\n  margin-bottom: 1rem;\n}\n\n// Popovers\n.bd-example-popover-static {\n  padding-bottom: 1.5rem;\n  background-color: #f9f9f9;\n\n  .popover {\n    position: relative;\n    display: block;\n    float: left;\n    width: 260px;\n    margin: 1.25rem;\n  }\n}\n\n// Tooltips\n.tooltip-demo a {\n  white-space: nowrap;\n}\n\n.bd-example-tooltip-static .tooltip {\n  position: relative;\n  display: inline-block;\n  margin: 10px 20px;\n  opacity: 1;\n}\n\n// Scrollspy demo on fixed height div\n.scrollspy-example {\n  position: relative;\n  height: 200px;\n  margin-top: .5rem;\n  overflow: auto;\n}\n\n.scrollspy-example-2 {\n  position: relative;\n  height: 350px;\n  overflow: auto;\n}\n\n.bd-example-border-utils {\n  [class^=\"border\"] {\n    display: inline-block;\n    width: 5rem;\n    height: 5rem;\n    margin: .25rem;\n    background-color: #f5f5f5;\n  }\n}\n\n.bd-example-border-utils-0 {\n  [class^=\"border\"] {\n    border: 1px solid $border-color;\n  }\n}\n\n//\n// Code snippets\n//\n\n.highlight {\n  padding: 1rem;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n  background-color: $gray-100;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  @include media-breakpoint-up(sm) {\n    padding: 1.5rem;\n  }\n}\n\n.bd-content .highlight {\n  margin-right: (-$grid-gutter-width / 2);\n  margin-left: (-$grid-gutter-width / 2);\n\n  @include media-breakpoint-up(sm) {\n    margin-right: 0;\n    margin-left: 0;\n  }\n}\n\n.highlight {\n  pre {\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: 0;\n    background-color: transparent;\n    border: 0;\n  }\n  pre code {\n    font-size: inherit;\n    color: $gray-900; // Effectively the base text color\n  }\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n  width: 100%;\n  padding-right: ($grid-gutter-width / 2);\n  padding-left: ($grid-gutter-width / 2);\n  margin-right: auto;\n  margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n}\n\n@mixin make-row() {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: ($grid-gutter-width / -2);\n  margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  min-height: 1px; // Prevent collapsing\n  padding-right: ($grid-gutter-width / 2);\n  padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage($size / $columns);\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: $size / $columns;\n  margin-left: if($num == 0, 0, percentage($num));\n}\n","@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n","// Buttons\n//\n// Custom buttons for the docs.\n\n.btn-bd-primary {\n  font-weight: 500;\n  color: $bd-purple-bright;\n  border-color: $bd-purple-bright;\n\n  &:hover,\n  &:active {\n    color: #fff;\n    background-color: $bd-purple-bright;\n    border-color: $bd-purple-bright;\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);\n  }\n}\n\n.btn-bd-download {\n  font-weight: 500;\n  color: $bd-download;\n  border-color: $bd-download;\n\n  &:hover,\n  &:active {\n    color: $bd-dark;\n    background-color: $bd-download;\n    border-color: $bd-download;\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 3px rgba($bd-download, .25);\n  }\n}\n","//\n// Callouts\n//\n\n.bd-callout {\n  padding: 1.25rem;\n  margin-top: 1.25rem;\n  margin-bottom: 1.25rem;\n  border: 1px solid #eee;\n  border-left-width: .25rem;\n  border-radius: .25rem;\n}\n\n.bd-callout h4 {\n  margin-top: 0;\n  margin-bottom: .25rem;\n}\n\n.bd-callout p:last-child {\n  margin-bottom: 0;\n}\n\n.bd-callout code {\n  border-radius: .25rem;\n}\n\n.bd-callout + .bd-callout {\n  margin-top: -.25rem;\n}\n\n// Variations\n@mixin bs-callout-variant($color) {\n  border-left-color: $color;\n\n  h4 { color: $color; }\n}\n\n.bd-callout-info { @include bs-callout-variant($bd-info); }\n.bd-callout-warning { @include bs-callout-variant($bd-warning); }\n.bd-callout-danger { @include bs-callout-variant($bd-danger); }\n","//\n// Examples\n//\n\n.bd-examples .img-thumbnail {\n  margin-bottom: .75rem;\n}\n.bd-examples h4 {\n  margin-bottom: .25rem;\n}\n.bd-examples p {\n  margin-bottom: 1.25rem;\n}\n\n@media (max-width: 480px) {\n  .bd-examples {\n    margin-right: -.75rem;\n    margin-left: -.75rem;\n  }\n  .bd-examples > [class^=\"col-\"] {\n    padding-right: .75rem;\n    padding-left: .75rem;\n  }\n}\n","// Wall of Browser Bugs\n//\n// Better display for the responsive table on the Wall of Browser Bugs.\n\n.bd-browser-bugs {\n  td p {\n    margin-bottom: 0;\n  }\n  th:first-child {\n    width: 18%;\n  }\n}\n","// stylelint-disable no-duplicate-selectors\n\n//\n// Brand guidelines\n//\n\n// Logo series wrapper\n.bd-brand-logos {\n  display: table;\n  width: 100%;\n  margin-bottom: 1rem;\n  overflow: hidden;\n  color: #563d7c;\n  background-color: #f9f9f9;\n  border-radius: .25rem;\n}\n\n// Individual items\n.bd-brand-item {\n  padding: 4rem 0;\n  text-align: center;\n}\n.bd-brand-item + .bd-brand-item {\n  border-top: 1px solid #fff;\n}\n.bd-brand-logos .inverse {\n  color: #fff;\n  background-color: #563d7c;\n}\n\n// Heading content within\n.bd-brand-item h1,\n.bd-brand-item h3 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.bd-brand-item .bd-booticon {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n// Make the icons stand out on what is/isn't okay\n// .bd-brand-item .glyphicon {\n//   width: 30px;\n//   height: 30px;\n//   margin: 10px auto -10px;\n//   line-height: 30px;\n//   color: #fff;\n//   border-radius: 50%;\n// }\n// .bd-brand-item .glyphicon-ok {\n//   background-color: #5cb85c;\n// }\n// .bd-brand-item .glyphicon-remove {\n//   background-color: #d9534f;\n// }\n\n@media (min-width: 768px) {\n  .bd-brand-item {\n    display: table-cell;\n    width: 1%;\n  }\n  .bd-brand-item + .bd-brand-item {\n    border-top: 0;\n    border-left: 1px solid #fff;\n  }\n  .bd-brand-item h1 {\n    font-size: 4rem;\n  }\n}\n\n\n//\n// Color swatches\n//\n\n.color-swatches {\n  margin: 0 -5px;\n  overflow: hidden; // clearfix\n}\n\n.color-swatch {\n  float: left;\n  width: 4rem;\n  height: 4rem;\n  margin-right: .25rem;\n  margin-left: .25rem;\n  border-radius: .25rem;\n\n  @media (min-width: 768px) {\n    width: 6rem;\n    height: 6rem;\n  }\n}\n\n// Docs colors\n.color-swatches {\n  .bd-purple {\n    background-color: $bd-purple;\n  }\n  .bd-purple-light {\n    background-color: $bd-purple-light;\n  }\n  .bd-purple-lighter {\n    background-color: #e5e1ea;\n  }\n  .bd-gray {\n    background-color: #f9f9f9;\n  }\n}\n","//\n// Docs color palette classes\n//\n\n@each $color, $value in $colors {\n  .swatch-#{$color} {\n    color: color-yiq($value);\n    background-color: #{$value};\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .swatch-#{$color} {\n    color: color-yiq($value);\n    background-color: #{$value};\n  }\n}\n\n@each $color, $value in $grays {\n  .swatch-#{$color} {\n    color: color-yiq($value);\n    background-color: #{$value};\n  }\n}\n","// clipboard.js\n//\n// JS-based `Copy` buttons for code snippets.\n\n.bd-clipboard {\n  position: relative;\n  display: none;\n  float: right;\n\n  + .highlight {\n    margin-top: 0;\n  }\n}\n\n.btn-clipboard {\n  position: absolute;\n  top: .5rem;\n  right: .5rem;\n  z-index: 10;\n  display: block;\n  padding: .25rem .5rem;\n  font-size: 75%;\n  color: #818a91;\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  border-radius: .25rem;\n\n  &:hover {\n    color: #fff;\n    background-color: #027de7;\n  }\n}\n\n@media (min-width: 768px) {\n  .bd-clipboard {\n    display: block;\n  }\n}\n","// stylelint-disable declaration-block-single-line-max-declarations\n\n.hll { background-color: #ffc; }\n.c { color: #999; }\n.k { color: #069; }\n.o { color: #555; }\n.cm { color: #999; }\n.cp { color: #099; }\n.c1 { color: #999; }\n.cs { color: #999; }\n.gd { background-color: #fcc; border: 1px solid #c00; }\n.ge { font-style: italic; }\n.gr { color: #f00; }\n.gh { color: #030; }\n.gi { background-color: #cfc; border: 1px solid #0c0; }\n.go { color: #aaa; }\n.gp { color: #009; }\n.gu { color: #030; }\n.gt { color: #9c6; }\n.kc { color: #069; }\n.kd { color: #069; }\n.kn { color: #069; }\n.kp { color: #069; }\n.kr { color: #069; }\n.kt { color: #078; }\n.m { color: #f60; }\n.s { color: #d44950; }\n.na { color: #4f9fcf; }\n.nb { color: #366; }\n.nc { color: #0a8; }\n.no { color: #360; }\n.nd { color: #99f; }\n.ni { color: #999; }\n.ne { color: #c00; }\n.nf { color: #c0f; }\n.nl { color: #99f; }\n.nn { color: #0cf; }\n.nt { color: #2f6f9f; }\n.nv { color: #033; }\n.ow { color: #000; }\n.w { color: #bbb; }\n.mf { color: #f60; }\n.mh { color: #f60; }\n.mi { color: #f60; }\n.mo { color: #f60; }\n.sb { color: #c30; }\n.sc { color: #c30; }\n.sd { font-style: italic; color: #c30; }\n.s2 { color: #c30; }\n.se { color: #c30; }\n.sh { color: #c30; }\n.si { color: #a00; }\n.sx { color: #c30; }\n.sr { color: #3aa; }\n.s1 { color: #c30; }\n.ss { color: #fc3; }\n.bp { color: #366; }\n.vc { color: #033; }\n.vg { color: #033; }\n.vi { color: #033; }\n.il { color: #f60; }\n\n.css .o,\n.css .o + .nt,\n.css .nt + .nt { color: #999; }\n\n.language-bash::before,\n.language-sh::before {\n  color: #009;\n  content: \"$ \";\n  user-select: none;\n}\n\n.language-powershell::before {\n  color: #009;\n  content: \"PM> \";\n  user-select: none;\n}\n",".anchorjs-link {\n  font-weight: 400;\n  color: rgba($link-color, .5);\n  transition: color .16s linear;\n\n  &:hover {\n    color: $link-color;\n    text-decoration: none;\n  }\n}\n","// stylelint-disable declaration-no-important\n\n// Docsearch overrides\n//\n// `!important` indicates overridden properties.\n.algolia-autocomplete {\n  display: block !important;\n  flex: 1;\n\n  // Menu container\n  .ds-dropdown-menu {\n    width: 100%;\n    min-width: 0 !important;\n    max-width: none !important;\n    padding: .75rem 0 !important;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid rgba(0, 0, 0, .1);\n    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175);\n\n    @include media-breakpoint-up(md) {\n      width: 175%;\n    }\n\n    // Caret\n    &::before {\n      display: none !important;\n    }\n\n    [class^=\"ds-dataset-\"] {\n      padding: 0 !important;\n      overflow: visible !important;\n      background-color: transparent !important;\n      border: 0 !important;\n    }\n\n    .ds-suggestions {\n      margin-top: 0 !important;\n    }\n  }\n\n  .algolia-docsearch-suggestion {\n    padding: 0 !important;\n    overflow: visible !important;\n  }\n\n  .algolia-docsearch-suggestion--category-header {\n    padding: .125rem 1rem !important;\n    margin-top: 0 !important;\n    font-size: .875rem !important;\n    font-weight: 500 !important;\n    color: $bd-purple-bright !important;\n    border-bottom: 0 !important;\n  }\n\n  .algolia-docsearch-suggestion--wrapper {\n    float: none !important;\n    padding-top: 0 !important;\n  }\n\n  // Section header\n  .algolia-docsearch-suggestion--subcategory-column {\n    float: none !important;\n    width: auto !important;\n    padding: 0 !important;\n    text-align: left !important;\n  }\n\n  .algolia-docsearch-suggestion--content {\n    float: none !important;\n    width: auto !important;\n    padding: 0 !important;\n\n    // Vertical divider between column header and content\n    &::before {\n      display: none !important;\n    }\n  }\n\n  .ds-suggestion {\n    &:not(:first-child) {\n      .algolia-docsearch-suggestion--category-header {\n        padding-top: .75rem !important;\n        margin-top: .75rem !important;\n        border-top: 1px solid rgba(0, 0, 0, .1);\n      }\n    }\n\n    .algolia-docsearch-suggestion--subcategory-column {\n      display: none !important;\n    }\n  }\n\n  .algolia-docsearch-suggestion--title {\n    display: block;\n    padding: .25rem 1rem !important;\n    margin-bottom: 0 !important;\n    font-size: .875rem !important;\n    font-weight: 400 !important;\n  }\n\n  .algolia-docsearch-suggestion--text {\n    padding: 0 1rem .5rem !important;\n    margin-top: -.25rem;\n    font-size: .875rem !important;\n    font-weight: 400;\n    line-height: 1.25 !important;\n  }\n\n  .algolia-docsearch-footer {\n    float: none !important;\n    width: auto !important;\n    height: auto !important;\n    padding: .75rem 1rem 0;\n    font-size: .75rem !important;\n    line-height: 1 !important;\n    color: #767676 !important;\n    border-top: 1px solid rgba(0, 0, 0, .1);\n  }\n\n  .algolia-docsearch-footer--logo {\n    display: inline !important;\n    overflow: visible !important;\n    color: inherit !important;\n    text-indent: 0 !important;\n    background: none !important;\n  }\n\n  .algolia-docsearch-suggestion--highlight {\n    color: #5f2dab;\n    background-color: rgba(154, 132, 187, .12);\n  }\n\n  .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {\n    box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .5) !important;\n  }\n\n  .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n    background-color: rgba(208, 189, 236, .15) !important;\n  }\n}\n"]}
\ No newline at end of file
diff --git a/assets/img/bootstrap-stack.png b/site/docs/4.1/assets/img/bootstrap-stack.png
index 7cae17fe2..7cae17fe2 100644
--- a/assets/img/bootstrap-stack.png
+++ b/site/docs/4.1/assets/img/bootstrap-stack.png
diff --git a/assets/img/bootstrap-themes.png b/site/docs/4.1/assets/img/bootstrap-themes.png
index 3876a18ee..3876a18ee 100644
--- a/assets/img/bootstrap-themes.png
+++ b/site/docs/4.1/assets/img/bootstrap-themes.png
diff --git a/assets/img/favicons/android-chrome-192x192.png b/site/docs/4.1/assets/img/favicons/android-chrome-192x192.png
index 547386f37..547386f37 100644
--- a/assets/img/favicons/android-chrome-192x192.png
+++ b/site/docs/4.1/assets/img/favicons/android-chrome-192x192.png
diff --git a/assets/img/favicons/android-chrome-512x512.png b/site/docs/4.1/assets/img/favicons/android-chrome-512x512.png
index eae76488d..eae76488d 100644
--- a/assets/img/favicons/android-chrome-512x512.png
+++ b/site/docs/4.1/assets/img/favicons/android-chrome-512x512.png
diff --git a/assets/img/favicons/apple-touch-icon.png b/site/docs/4.1/assets/img/favicons/apple-touch-icon.png
index 447cec2c4..447cec2c4 100644
--- a/assets/img/favicons/apple-touch-icon.png
+++ b/site/docs/4.1/assets/img/favicons/apple-touch-icon.png
diff --git a/assets/img/favicons/browserconfig.xml b/site/docs/4.1/assets/img/favicons/browserconfig.xml
index 8b193171a..810292778 100644
--- a/assets/img/favicons/browserconfig.xml
+++ b/site/docs/4.1/assets/img/favicons/browserconfig.xml
@@ -4,7 +4,7 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="{{ site.baseurl }}/assets/img/favicons/mstile-150x150.png"/>
+            <square150x150logo src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/favicons/mstile-150x150.png"/>
             <TileColor>#563d7c</TileColor>
         </tile>
     </msapplication>
diff --git a/assets/img/favicons/favicon-16x16.png b/site/docs/4.1/assets/img/favicons/favicon-16x16.png
index 5f7d11880..5f7d11880 100644
--- a/assets/img/favicons/favicon-16x16.png
+++ b/site/docs/4.1/assets/img/favicons/favicon-16x16.png
diff --git a/assets/img/favicons/favicon-32x32.png b/site/docs/4.1/assets/img/favicons/favicon-32x32.png
index d752fd5d7..d752fd5d7 100644
--- a/assets/img/favicons/favicon-32x32.png
+++ b/site/docs/4.1/assets/img/favicons/favicon-32x32.png
diff --git a/assets/img/favicons/manifest.json b/site/docs/4.1/assets/img/favicons/manifest.json
index 14cd52412..88b2b7f41 100644
--- a/assets/img/favicons/manifest.json
+++ b/site/docs/4.1/assets/img/favicons/manifest.json
@@ -5,12 +5,12 @@
     "short_name": "Bootstrap",
     "icons": [
         {
-            "src": "{{ site.baseurl }}/assets/img/favicons/android-chrome-192x192.png",
+            "src": "{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/favicons/android-chrome-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "{{ site.baseurl }}/assets/img/favicons/android-chrome-512x512.png",
+            "src": "{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/favicons/android-chrome-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         }
diff --git a/assets/img/favicons/mstile-144x144.png b/site/docs/4.1/assets/img/favicons/mstile-144x144.png
index 262a3c2e1..262a3c2e1 100644
--- a/assets/img/favicons/mstile-144x144.png
+++ b/site/docs/4.1/assets/img/favicons/mstile-144x144.png
diff --git a/assets/img/favicons/mstile-150x150.png b/site/docs/4.1/assets/img/favicons/mstile-150x150.png
index bb87faf74..bb87faf74 100644
--- a/assets/img/favicons/mstile-150x150.png
+++ b/site/docs/4.1/assets/img/favicons/mstile-150x150.png
diff --git a/assets/img/favicons/mstile-310x150.png b/site/docs/4.1/assets/img/favicons/mstile-310x150.png
index 2fc36a726..2fc36a726 100644
--- a/assets/img/favicons/mstile-310x150.png
+++ b/site/docs/4.1/assets/img/favicons/mstile-310x150.png
diff --git a/assets/img/favicons/mstile-310x310.png b/site/docs/4.1/assets/img/favicons/mstile-310x310.png
index 7f00d0c66..7f00d0c66 100644
--- a/assets/img/favicons/mstile-310x310.png
+++ b/site/docs/4.1/assets/img/favicons/mstile-310x310.png
diff --git a/assets/img/favicons/mstile-70x70.png b/site/docs/4.1/assets/img/favicons/mstile-70x70.png
index 4da2de9e3..4da2de9e3 100644
--- a/assets/img/favicons/mstile-70x70.png
+++ b/site/docs/4.1/assets/img/favicons/mstile-70x70.png
diff --git a/assets/img/favicons/safari-pinned-tab.svg b/site/docs/4.1/assets/img/favicons/safari-pinned-tab.svg
index ddeeb53c9..ddeeb53c9 100644
--- a/assets/img/favicons/safari-pinned-tab.svg
+++ b/site/docs/4.1/assets/img/favicons/safari-pinned-tab.svg
diff --git a/assets/js/.eslintrc.json b/site/docs/4.1/assets/js/.eslintrc.json
index 7ea25a91b..e24f3dd09 100644
--- a/assets/js/.eslintrc.json
+++ b/site/docs/4.1/assets/js/.eslintrc.json
@@ -7,7 +7,7 @@
     "ecmaVersion": 5,
     "sourceType": "script"
   },
-  "extends": "../../.eslintrc.json",
+  "extends": "../../../../../.eslintrc.json",
   "rules": {
     // Best Practices
     "no-magic-numbers": "off",
diff --git a/assets/js/docs.min.js b/site/docs/4.1/assets/js/docs.min.js
index cce24b993..cce24b993 100644
--- a/assets/js/docs.min.js
+++ b/site/docs/4.1/assets/js/docs.min.js
diff --git a/assets/js/src/application.js b/site/docs/4.1/assets/js/src/application.js
index 7666da065..7666da065 100644
--- a/assets/js/src/application.js
+++ b/site/docs/4.1/assets/js/src/application.js
diff --git a/assets/js/src/ie-emulation-modes-warning.js b/site/docs/4.1/assets/js/src/ie-emulation-modes-warning.js
index 610128e27..610128e27 100644
--- a/assets/js/src/ie-emulation-modes-warning.js
+++ b/site/docs/4.1/assets/js/src/ie-emulation-modes-warning.js
diff --git a/assets/js/src/pwa.js b/site/docs/4.1/assets/js/src/pwa.js
index 142f89915..142f89915 100644
--- a/assets/js/src/pwa.js
+++ b/site/docs/4.1/assets/js/src/pwa.js
diff --git a/assets/js/src/search.js b/site/docs/4.1/assets/js/src/search.js
index 2e91fcf21..2e91fcf21 100644
--- a/assets/js/src/search.js
+++ b/site/docs/4.1/assets/js/src/search.js
diff --git a/assets/js/vendor/anchor.min.js b/site/docs/4.1/assets/js/vendor/anchor.min.js
index ee4e3b3f4..ee4e3b3f4 100644
--- a/assets/js/vendor/anchor.min.js
+++ b/site/docs/4.1/assets/js/vendor/anchor.min.js
diff --git a/assets/js/vendor/clipboard.min.js b/site/docs/4.1/assets/js/vendor/clipboard.min.js
index b00ee5153..b00ee5153 100644
--- a/assets/js/vendor/clipboard.min.js
+++ b/site/docs/4.1/assets/js/vendor/clipboard.min.js
diff --git a/assets/js/vendor/holder.min.js b/site/docs/4.1/assets/js/vendor/holder.min.js
index 62255af4f..62255af4f 100644
--- a/assets/js/vendor/holder.min.js
+++ b/site/docs/4.1/assets/js/vendor/holder.min.js
diff --git a/assets/js/vendor/jquery-slim.min.js b/site/docs/4.1/assets/js/vendor/jquery-slim.min.js
index f4ca9b24b..f4ca9b24b 100644
--- a/assets/js/vendor/jquery-slim.min.js
+++ b/site/docs/4.1/assets/js/vendor/jquery-slim.min.js
diff --git a/assets/js/vendor/popper.min.js b/site/docs/4.1/assets/js/vendor/popper.min.js
index 79ccbf58b..79ccbf58b 100644
--- a/assets/js/vendor/popper.min.js
+++ b/site/docs/4.1/assets/js/vendor/popper.min.js
diff --git a/assets/scss/_ads.scss b/site/docs/4.1/assets/scss/_ads.scss
index 375a9e01f..375a9e01f 100644
--- a/assets/scss/_ads.scss
+++ b/site/docs/4.1/assets/scss/_ads.scss
diff --git a/assets/scss/_algolia.scss b/site/docs/4.1/assets/scss/_algolia.scss
index 4014ab973..4014ab973 100644
--- a/assets/scss/_algolia.scss
+++ b/site/docs/4.1/assets/scss/_algolia.scss
diff --git a/assets/scss/_anchor.scss b/site/docs/4.1/assets/scss/_anchor.scss
index 2e02390ed..2e02390ed 100644
--- a/assets/scss/_anchor.scss
+++ b/site/docs/4.1/assets/scss/_anchor.scss
diff --git a/assets/scss/_brand.scss b/site/docs/4.1/assets/scss/_brand.scss
index 2d5c5a4cf..2d5c5a4cf 100644
--- a/assets/scss/_brand.scss
+++ b/site/docs/4.1/assets/scss/_brand.scss
diff --git a/assets/scss/_browser-bugs.scss b/site/docs/4.1/assets/scss/_browser-bugs.scss
index f42158b37..f42158b37 100644
--- a/assets/scss/_browser-bugs.scss
+++ b/site/docs/4.1/assets/scss/_browser-bugs.scss
diff --git a/assets/scss/_buttons.scss b/site/docs/4.1/assets/scss/_buttons.scss
index 1e37857fd..1e37857fd 100644
--- a/assets/scss/_buttons.scss
+++ b/site/docs/4.1/assets/scss/_buttons.scss
diff --git a/assets/scss/_callouts.scss b/site/docs/4.1/assets/scss/_callouts.scss
index 401bfd6f5..401bfd6f5 100644
--- a/assets/scss/_callouts.scss
+++ b/site/docs/4.1/assets/scss/_callouts.scss
diff --git a/assets/scss/_clipboard-js.scss b/site/docs/4.1/assets/scss/_clipboard-js.scss
index e27d1d4f8..e27d1d4f8 100644
--- a/assets/scss/_clipboard-js.scss
+++ b/site/docs/4.1/assets/scss/_clipboard-js.scss
diff --git a/assets/scss/_colors.scss b/site/docs/4.1/assets/scss/_colors.scss
index 8d2825c57..8d2825c57 100644
--- a/assets/scss/_colors.scss
+++ b/site/docs/4.1/assets/scss/_colors.scss
diff --git a/assets/scss/_component-examples.scss b/site/docs/4.1/assets/scss/_component-examples.scss
index 5bafcc423..5bafcc423 100644
--- a/assets/scss/_component-examples.scss
+++ b/site/docs/4.1/assets/scss/_component-examples.scss
diff --git a/assets/scss/_content.scss b/site/docs/4.1/assets/scss/_content.scss
index decb6c4c3..decb6c4c3 100644
--- a/assets/scss/_content.scss
+++ b/site/docs/4.1/assets/scss/_content.scss
diff --git a/assets/scss/_examples.scss b/site/docs/4.1/assets/scss/_examples.scss
index a4ec7a299..a4ec7a299 100644
--- a/assets/scss/_examples.scss
+++ b/site/docs/4.1/assets/scss/_examples.scss
diff --git a/assets/scss/_footer.scss b/site/docs/4.1/assets/scss/_footer.scss
index ab605d285..ab605d285 100644
--- a/assets/scss/_footer.scss
+++ b/site/docs/4.1/assets/scss/_footer.scss
diff --git a/assets/scss/_masthead.scss b/site/docs/4.1/assets/scss/_masthead.scss
index 0e3cea069..0e3cea069 100644
--- a/assets/scss/_masthead.scss
+++ b/site/docs/4.1/assets/scss/_masthead.scss
diff --git a/assets/scss/_nav.scss b/site/docs/4.1/assets/scss/_nav.scss
index 73c6bad64..73c6bad64 100644
--- a/assets/scss/_nav.scss
+++ b/site/docs/4.1/assets/scss/_nav.scss
diff --git a/assets/scss/_sidebar.scss b/site/docs/4.1/assets/scss/_sidebar.scss
index 0cfbd60d2..0cfbd60d2 100644
--- a/assets/scss/_sidebar.scss
+++ b/site/docs/4.1/assets/scss/_sidebar.scss
diff --git a/assets/scss/_skiplink.scss b/site/docs/4.1/assets/scss/_skiplink.scss
index 7ca3074a8..7ca3074a8 100644
--- a/assets/scss/_skiplink.scss
+++ b/site/docs/4.1/assets/scss/_skiplink.scss
diff --git a/assets/scss/_syntax.scss b/site/docs/4.1/assets/scss/_syntax.scss
index e66c5da22..e66c5da22 100644
--- a/assets/scss/_syntax.scss
+++ b/site/docs/4.1/assets/scss/_syntax.scss
diff --git a/assets/scss/_variables.scss b/site/docs/4.1/assets/scss/_variables.scss
index b60a21368..b60a21368 100644
--- a/assets/scss/_variables.scss
+++ b/site/docs/4.1/assets/scss/_variables.scss
diff --git a/assets/scss/docs.scss b/site/docs/4.1/assets/scss/docs.scss
index 887a72b3e..706bde44e 100644
--- a/assets/scss/docs.scss
+++ b/site/docs/4.1/assets/scss/docs.scss
@@ -24,9 +24,9 @@
 // Happy Bootstrapping!
 
 // Load Bootstrap variables and mixins
-@import "../../scss/functions";
-@import "../../scss/variables";
-@import "../../scss/mixins";
+@import "../../../../../scss/functions";
+@import "../../../../../scss/variables";
+@import "../../../../../scss/mixins";
 
 // Load docs components
 @import "variables";
diff --git a/docs/4.1/browser-bugs.md b/site/docs/4.1/browser-bugs.md
index 2340f90c2..2340f90c2 100644
--- a/docs/4.1/browser-bugs.md
+++ b/site/docs/4.1/browser-bugs.md
diff --git a/docs/4.1/components/alerts.md b/site/docs/4.1/components/alerts.md
index 6c6cb9936..6c6cb9936 100644
--- a/docs/4.1/components/alerts.md
+++ b/site/docs/4.1/components/alerts.md
diff --git a/docs/4.1/components/badge.md b/site/docs/4.1/components/badge.md
index 0e97cbe76..0e97cbe76 100644
--- a/docs/4.1/components/badge.md
+++ b/site/docs/4.1/components/badge.md
diff --git a/docs/4.1/components/breadcrumb.md b/site/docs/4.1/components/breadcrumb.md
index 4cc7b3de9..4cc7b3de9 100644
--- a/docs/4.1/components/breadcrumb.md
+++ b/site/docs/4.1/components/breadcrumb.md
diff --git a/docs/4.1/components/button-group.md b/site/docs/4.1/components/button-group.md
index 2261a5e72..2261a5e72 100644
--- a/docs/4.1/components/button-group.md
+++ b/site/docs/4.1/components/button-group.md
diff --git a/docs/4.1/components/buttons.md b/site/docs/4.1/components/buttons.md
index f999fd552..f999fd552 100644
--- a/docs/4.1/components/buttons.md
+++ b/site/docs/4.1/components/buttons.md
diff --git a/docs/4.1/components/card.md b/site/docs/4.1/components/card.md
index 92cc1321f..92cc1321f 100644
--- a/docs/4.1/components/card.md
+++ b/site/docs/4.1/components/card.md
diff --git a/docs/4.1/components/carousel.md b/site/docs/4.1/components/carousel.md
index 7c4a0472e..7c4a0472e 100644
--- a/docs/4.1/components/carousel.md
+++ b/site/docs/4.1/components/carousel.md
diff --git a/docs/4.1/components/collapse.md b/site/docs/4.1/components/collapse.md
index 047423b91..047423b91 100644
--- a/docs/4.1/components/collapse.md
+++ b/site/docs/4.1/components/collapse.md
diff --git a/docs/4.1/components/dropdowns.md b/site/docs/4.1/components/dropdowns.md
index 9adfa499b..9adfa499b 100644
--- a/docs/4.1/components/dropdowns.md
+++ b/site/docs/4.1/components/dropdowns.md
diff --git a/docs/4.1/components/forms.md b/site/docs/4.1/components/forms.md
index e55f58f4d..e55f58f4d 100644
--- a/docs/4.1/components/forms.md
+++ b/site/docs/4.1/components/forms.md
diff --git a/docs/4.1/components/input-group.md b/site/docs/4.1/components/input-group.md
index 0e639acd6..0e639acd6 100644
--- a/docs/4.1/components/input-group.md
+++ b/site/docs/4.1/components/input-group.md
diff --git a/docs/4.1/components/jumbotron.md b/site/docs/4.1/components/jumbotron.md
index c14621565..c14621565 100644
--- a/docs/4.1/components/jumbotron.md
+++ b/site/docs/4.1/components/jumbotron.md
diff --git a/docs/4.1/components/list-group.md b/site/docs/4.1/components/list-group.md
index 7ecb249b3..7ecb249b3 100644
--- a/docs/4.1/components/list-group.md
+++ b/site/docs/4.1/components/list-group.md
diff --git a/docs/4.1/components/modal.md b/site/docs/4.1/components/modal.md
index 3ed09170e..3ed09170e 100644
--- a/docs/4.1/components/modal.md
+++ b/site/docs/4.1/components/modal.md
diff --git a/docs/4.1/components/navbar.md b/site/docs/4.1/components/navbar.md
index 50b8f3486..d56843691 100644
--- a/docs/4.1/components/navbar.md
+++ b/site/docs/4.1/components/navbar.md
@@ -96,7 +96,7 @@ Adding images to the `.navbar-brand` will likely always require custom styles or
 <!-- Just an image -->
 <nav class="navbar navbar-light bg-light">
   <a class="navbar-brand" href="#">
-    <img src="{{ site.baseurl }}/assets/brand/bootstrap-solid.svg" width="30" height="30" alt="">
+    <img src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/brand/bootstrap-solid.svg" width="30" height="30" alt="">
   </a>
 </nav>
 {% endcapture %}
@@ -106,7 +106,7 @@ Adding images to the `.navbar-brand` will likely always require custom styles or
 <!-- Image and text -->
 <nav class="navbar navbar-light bg-light">
   <a class="navbar-brand" href="#">
-    <img src="{{ site.baseurl }}/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top" alt="">
+    <img src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top" alt="">
     Bootstrap
   </a>
 </nav>
diff --git a/docs/4.1/components/navs.md b/site/docs/4.1/components/navs.md
index 86173e9a2..86173e9a2 100644
--- a/docs/4.1/components/navs.md
+++ b/site/docs/4.1/components/navs.md
diff --git a/docs/4.1/components/pagination.md b/site/docs/4.1/components/pagination.md
index b20b0624d..b20b0624d 100644
--- a/docs/4.1/components/pagination.md
+++ b/site/docs/4.1/components/pagination.md
diff --git a/docs/4.1/components/popovers.md b/site/docs/4.1/components/popovers.md
index 874509306..874509306 100644
--- a/docs/4.1/components/popovers.md
+++ b/site/docs/4.1/components/popovers.md
diff --git a/docs/4.1/components/progress.md b/site/docs/4.1/components/progress.md
index e342b06d9..e342b06d9 100644
--- a/docs/4.1/components/progress.md
+++ b/site/docs/4.1/components/progress.md
diff --git a/docs/4.1/components/scrollspy.md b/site/docs/4.1/components/scrollspy.md
index 6d8799d8a..6d8799d8a 100644
--- a/docs/4.1/components/scrollspy.md
+++ b/site/docs/4.1/components/scrollspy.md
diff --git a/docs/4.1/components/tooltips.md b/site/docs/4.1/components/tooltips.md
index 90bcc15ce..90bcc15ce 100644
--- a/docs/4.1/components/tooltips.md
+++ b/site/docs/4.1/components/tooltips.md
diff --git a/docs/4.1/content/code.md b/site/docs/4.1/content/code.md
index d1ce12ccd..d1ce12ccd 100644
--- a/docs/4.1/content/code.md
+++ b/site/docs/4.1/content/code.md
diff --git a/docs/4.1/content/figures.md b/site/docs/4.1/content/figures.md
index 7041997ba..7041997ba 100644
--- a/docs/4.1/content/figures.md
+++ b/site/docs/4.1/content/figures.md
diff --git a/docs/4.1/content/images.md b/site/docs/4.1/content/images.md
index 49576da9d..49576da9d 100644
--- a/docs/4.1/content/images.md
+++ b/site/docs/4.1/content/images.md
diff --git a/docs/4.1/content/reboot.md b/site/docs/4.1/content/reboot.md
index 0b9375d0a..0b9375d0a 100644
--- a/docs/4.1/content/reboot.md
+++ b/site/docs/4.1/content/reboot.md
diff --git a/docs/4.1/content/tables.md b/site/docs/4.1/content/tables.md
index d5de8049f..d5de8049f 100644
--- a/docs/4.1/content/tables.md
+++ b/site/docs/4.1/content/tables.md
diff --git a/docs/4.1/content/typography.md b/site/docs/4.1/content/typography.md
index 795f807b6..795f807b6 100644
--- a/docs/4.1/content/typography.md
+++ b/site/docs/4.1/content/typography.md
diff --git a/docs/4.1/examples/.eslintrc.json b/site/docs/4.1/examples/.eslintrc.json
index f04fd6ae1..f04fd6ae1 100644
--- a/docs/4.1/examples/.eslintrc.json
+++ b/site/docs/4.1/examples/.eslintrc.json
diff --git a/docs/4.1/examples/.stylelintrc b/site/docs/4.1/examples/.stylelintrc
index 6a77dcedb..6a77dcedb 100644
--- a/docs/4.1/examples/.stylelintrc
+++ b/site/docs/4.1/examples/.stylelintrc
diff --git a/docs/4.1/examples/album/album.css b/site/docs/4.1/examples/album/album.css
index 7eabbf9b2..7eabbf9b2 100644
--- a/docs/4.1/examples/album/album.css
+++ b/site/docs/4.1/examples/album/album.css
diff --git a/docs/4.1/examples/album/index.html b/site/docs/4.1/examples/album/index.html
index ac765aaa4..d7ffbb1e5 100644
--- a/docs/4.1/examples/album/index.html
+++ b/site/docs/4.1/examples/album/index.html
@@ -10,7 +10,7 @@
     <title>Album example for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="album.css" rel="stylesheet">
@@ -224,9 +224,9 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
-    <script src="../../../../assets/js/vendor/holder.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
+    <script src="../../assets/js/vendor/holder.min.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/blog/blog.css b/site/docs/4.1/examples/blog/blog.css
index 399b7e873..399b7e873 100644
--- a/docs/4.1/examples/blog/blog.css
+++ b/site/docs/4.1/examples/blog/blog.css
diff --git a/docs/4.1/examples/blog/index.html b/site/docs/4.1/examples/blog/index.html
index 2fad7bb51..747855e06 100644
--- a/docs/4.1/examples/blog/index.html
+++ b/site/docs/4.1/examples/blog/index.html
@@ -10,7 +10,7 @@
     <title>Blog Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="https://fonts.googleapis.com/css?family=Playfair+Display:700,900" rel="stylesheet">
@@ -216,10 +216,10 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
-    <script src="../../../../assets/js/vendor/holder.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
+    <script src="../../assets/js/vendor/holder.min.js"></script>
     <script>
       Holder.addTheme('thumb', {
         bg: '#55595c',
diff --git a/docs/4.1/examples/carousel/carousel.css b/site/docs/4.1/examples/carousel/carousel.css
index f9b5a7e49..f9b5a7e49 100644
--- a/docs/4.1/examples/carousel/carousel.css
+++ b/site/docs/4.1/examples/carousel/carousel.css
diff --git a/docs/4.1/examples/carousel/index.html b/site/docs/4.1/examples/carousel/index.html
index 5f0a2891f..bc889dd20 100644
--- a/docs/4.1/examples/carousel/index.html
+++ b/site/docs/4.1/examples/carousel/index.html
@@ -10,7 +10,7 @@
     <title>Carousel Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="carousel.css" rel="stylesheet">
@@ -179,10 +179,10 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
     <!-- Just to make our placeholder images work. Don't actually copy the next line! -->
-    <script src="../../../../assets/js/vendor/holder.min.js"></script>
+    <script src="../../assets/js/vendor/holder.min.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/checkout/form-validation.css b/site/docs/4.1/examples/checkout/form-validation.css
index fd88d5a40..fd88d5a40 100644
--- a/docs/4.1/examples/checkout/form-validation.css
+++ b/site/docs/4.1/examples/checkout/form-validation.css
diff --git a/docs/4.1/examples/checkout/index.html b/site/docs/4.1/examples/checkout/index.html
index d8e5eafcb..0dda89ef8 100644
--- a/docs/4.1/examples/checkout/index.html
+++ b/site/docs/4.1/examples/checkout/index.html
@@ -10,7 +10,7 @@
     <title>Checkout example for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="form-validation.css" rel="stylesheet">
@@ -20,7 +20,7 @@
 
     <div class="container">
       <div class="py-5 text-center">
-        <img class="d-block mx-auto mb-4" src="https://getbootstrap.com/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
+        <img class="d-block mx-auto mb-4" src="../../assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
         <h2>Checkout form</h2>
         <p class="lead">Below is an example form built entirely with Bootstrap's form controls. Each required form group has a validation state that can be triggered by attempting to submit the form without completing it.</p>
       </div>
@@ -238,10 +238,10 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
-    <script src="../../../../assets/js/vendor/holder.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
+    <script src="../../assets/js/vendor/holder.min.js"></script>
     <script>
       // Example starter JavaScript for disabling form submissions if there are invalid fields
       (function() {
diff --git a/docs/4.1/examples/cover/cover.css b/site/docs/4.1/examples/cover/cover.css
index 7c6d33cdd..7c6d33cdd 100644
--- a/docs/4.1/examples/cover/cover.css
+++ b/site/docs/4.1/examples/cover/cover.css
diff --git a/docs/4.1/examples/cover/index.html b/site/docs/4.1/examples/cover/index.html
index 0a0effca5..f4281c7cf 100644
--- a/docs/4.1/examples/cover/index.html
+++ b/site/docs/4.1/examples/cover/index.html
@@ -10,7 +10,7 @@
     <title>Cover Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="cover.css" rel="stylesheet">
@@ -50,8 +50,8 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/dashboard/dashboard.css b/site/docs/4.1/examples/dashboard/dashboard.css
index 391809739..391809739 100644
--- a/docs/4.1/examples/dashboard/dashboard.css
+++ b/site/docs/4.1/examples/dashboard/dashboard.css
diff --git a/docs/4.1/examples/dashboard/index.html b/site/docs/4.1/examples/dashboard/index.html
index d96d2d8d9..f66c4505d 100644
--- a/docs/4.1/examples/dashboard/index.html
+++ b/site/docs/4.1/examples/dashboard/index.html
@@ -10,7 +10,7 @@
     <title>Dashboard Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="dashboard.css" rel="stylesheet">
@@ -258,9 +258,9 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
 
     <!-- Icons -->
     <script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script>
diff --git a/docs/4.1/examples/floating-labels/floating-labels.css b/site/docs/4.1/examples/floating-labels/floating-labels.css
index a5634ab5f..a5634ab5f 100644
--- a/docs/4.1/examples/floating-labels/floating-labels.css
+++ b/site/docs/4.1/examples/floating-labels/floating-labels.css
diff --git a/docs/4.1/examples/floating-labels/index.html b/site/docs/4.1/examples/floating-labels/index.html
index ebe38f370..48dc09db1 100644
--- a/docs/4.1/examples/floating-labels/index.html
+++ b/site/docs/4.1/examples/floating-labels/index.html
@@ -10,7 +10,7 @@
     <title>Floating labels example for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="floating-labels.css" rel="stylesheet">
@@ -19,7 +19,7 @@
   <body>
     <form class="form-signin">
       <div class="text-center mb-4">
-        <img class="mb-4" src="https://getbootstrap.com/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
+        <img class="mb-4" src="../../assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
         <h1 class="h3 mb-3 font-weight-normal">Floating labels</h1>
         <p>Build form controls with floating labels via the <code>:placeholder-shown</code> pseudo-element. <a href="https://caniuse.com/#feat=css-placeholder-shown">Works in latest Chrome, Safari, and Firefox.</a></p>
       </div>
diff --git a/docs/4.1/examples/grid/grid.css b/site/docs/4.1/examples/grid/grid.css
index 78f5dfda6..78f5dfda6 100644
--- a/docs/4.1/examples/grid/grid.css
+++ b/site/docs/4.1/examples/grid/grid.css
diff --git a/docs/4.1/examples/grid/index.html b/site/docs/4.1/examples/grid/index.html
index 0af25de14..8ef2c72a0 100644
--- a/docs/4.1/examples/grid/index.html
+++ b/site/docs/4.1/examples/grid/index.html
@@ -10,7 +10,7 @@
     <title>Grid Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="grid.css" rel="stylesheet">
diff --git a/docs/4.1/examples/index.html b/site/docs/4.1/examples/index.html
index 3bb984382..3bb984382 100644
--- a/docs/4.1/examples/index.html
+++ b/site/docs/4.1/examples/index.html
diff --git a/docs/4.1/examples/jumbotron/index.html b/site/docs/4.1/examples/jumbotron/index.html
index 5499cc630..03a2875da 100644
--- a/docs/4.1/examples/jumbotron/index.html
+++ b/site/docs/4.1/examples/jumbotron/index.html
@@ -10,7 +10,7 @@
     <title>Jumbotron Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="jumbotron.css" rel="stylesheet">
@@ -96,8 +96,8 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/jumbotron/jumbotron.css b/site/docs/4.1/examples/jumbotron/jumbotron.css
index d751264ef..d751264ef 100644
--- a/docs/4.1/examples/jumbotron/jumbotron.css
+++ b/site/docs/4.1/examples/jumbotron/jumbotron.css
diff --git a/docs/4.1/examples/navbar-bottom/index.html b/site/docs/4.1/examples/navbar-bottom/index.html
index 539e739d2..bc0f63e64 100644
--- a/docs/4.1/examples/navbar-bottom/index.html
+++ b/site/docs/4.1/examples/navbar-bottom/index.html
@@ -10,7 +10,7 @@
     <title>Bottom navbar example for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
   </head>
 
   <body>
@@ -53,8 +53,8 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/navbar-fixed/index.html b/site/docs/4.1/examples/navbar-fixed/index.html
index 1c5196ffb..10dc37d93 100644
--- a/docs/4.1/examples/navbar-fixed/index.html
+++ b/site/docs/4.1/examples/navbar-fixed/index.html
@@ -10,7 +10,7 @@
     <title>Fixed top navbar example for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="navbar-top-fixed.css" rel="stylesheet">
@@ -54,8 +54,8 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/navbar-fixed/navbar-top-fixed.css b/site/docs/4.1/examples/navbar-fixed/navbar-top-fixed.css
index c77c0c147..c77c0c147 100644
--- a/docs/4.1/examples/navbar-fixed/navbar-top-fixed.css
+++ b/site/docs/4.1/examples/navbar-fixed/navbar-top-fixed.css
diff --git a/docs/4.1/examples/navbar-static/index.html b/site/docs/4.1/examples/navbar-static/index.html
index c1eebd719..c654bca51 100644
--- a/docs/4.1/examples/navbar-static/index.html
+++ b/site/docs/4.1/examples/navbar-static/index.html
@@ -10,7 +10,7 @@
     <title>Top navbar example for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="navbar-top.css" rel="stylesheet">
@@ -54,8 +54,8 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/navbar-static/navbar-top.css b/site/docs/4.1/examples/navbar-static/navbar-top.css
index 25bbdde09..25bbdde09 100644
--- a/docs/4.1/examples/navbar-static/navbar-top.css
+++ b/site/docs/4.1/examples/navbar-static/navbar-top.css
diff --git a/docs/4.1/examples/navbars/index.html b/site/docs/4.1/examples/navbars/index.html
index d8a57ff21..9abe51085 100644
--- a/docs/4.1/examples/navbars/index.html
+++ b/site/docs/4.1/examples/navbars/index.html
@@ -10,7 +10,7 @@
     <title>Navbar Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="navbar.css" rel="stylesheet">
@@ -340,8 +340,8 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/navbars/navbar.css b/site/docs/4.1/examples/navbars/navbar.css
index 70d209409..70d209409 100644
--- a/docs/4.1/examples/navbars/navbar.css
+++ b/site/docs/4.1/examples/navbars/navbar.css
diff --git a/docs/4.1/examples/offcanvas/index.html b/site/docs/4.1/examples/offcanvas/index.html
index d31b0261c..431ed88a3 100644
--- a/docs/4.1/examples/offcanvas/index.html
+++ b/site/docs/4.1/examples/offcanvas/index.html
@@ -10,7 +10,7 @@
     <title>Offcanvas template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="offcanvas.css" rel="stylesheet">
@@ -73,7 +73,7 @@
 
     <main role="main" class="container">
       <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded box-shadow">
-        <img class="mr-3" src="https://getbootstrap.com/assets/brand/bootstrap-outline.svg" alt="" width="48" height="48">
+        <img class="mr-3" src="../../assets/brand/bootstrap-outline.svg" alt="" width="48" height="48">
         <div class="lh-100">
           <h6 class="mb-0 text-white lh-100">Bootstrap</h6>
           <small>Since 2011</small>
@@ -150,10 +150,10 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
-    <script src="../../../../assets/js/vendor/holder.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
+    <script src="../../assets/js/vendor/holder.min.js"></script>
     <script src="offcanvas.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/offcanvas/offcanvas.css b/site/docs/4.1/examples/offcanvas/offcanvas.css
index 7edfa0bc9..7edfa0bc9 100644
--- a/docs/4.1/examples/offcanvas/offcanvas.css
+++ b/site/docs/4.1/examples/offcanvas/offcanvas.css
diff --git a/docs/4.1/examples/offcanvas/offcanvas.js b/site/docs/4.1/examples/offcanvas/offcanvas.js
index bc3e46711..bc3e46711 100644
--- a/docs/4.1/examples/offcanvas/offcanvas.js
+++ b/site/docs/4.1/examples/offcanvas/offcanvas.js
diff --git a/docs/4.1/examples/pricing/index.html b/site/docs/4.1/examples/pricing/index.html
index 36fae88d2..4fd1fa033 100644
--- a/docs/4.1/examples/pricing/index.html
+++ b/site/docs/4.1/examples/pricing/index.html
@@ -10,7 +10,7 @@
     <title>Pricing example for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="pricing.css" rel="stylesheet">
@@ -86,7 +86,7 @@
       <footer class="pt-4 my-md-5 pt-md-5 border-top">
         <div class="row">
           <div class="col-12 col-md">
-            <img class="mb-2" src="https://getbootstrap.com/assets/brand/bootstrap-solid.svg" alt="" width="24" height="24">
+            <img class="mb-2" src="../../assets/brand/bootstrap-solid.svg" alt="" width="24" height="24">
             <small class="d-block mb-3 text-muted">&copy; 2017-2018</small>
           </div>
           <div class="col-6 col-md">
@@ -127,10 +127,10 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
-    <script src="../../../../assets/js/vendor/holder.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
+    <script src="../../assets/js/vendor/holder.min.js"></script>
     <script>
       Holder.addTheme('thumb', {
         bg: '#55595c',
diff --git a/docs/4.1/examples/pricing/pricing.css b/site/docs/4.1/examples/pricing/pricing.css
index 1b52205c6..1b52205c6 100644
--- a/docs/4.1/examples/pricing/pricing.css
+++ b/site/docs/4.1/examples/pricing/pricing.css
diff --git a/docs/4.1/examples/product/index.html b/site/docs/4.1/examples/product/index.html
index 32f1e2347..d82b7d2a9 100644
--- a/docs/4.1/examples/product/index.html
+++ b/site/docs/4.1/examples/product/index.html
@@ -10,7 +10,7 @@
     <title>Product example for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="product.css" rel="stylesheet">
@@ -163,10 +163,10 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
-    <script src="../../../../assets/js/vendor/holder.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
+    <script src="../../assets/js/vendor/holder.min.js"></script>
     <script>
       Holder.addTheme('thumb', {
         bg: '#55595c',
diff --git a/docs/4.1/examples/product/product.css b/site/docs/4.1/examples/product/product.css
index cc0d15c8c..cc0d15c8c 100644
--- a/docs/4.1/examples/product/product.css
+++ b/site/docs/4.1/examples/product/product.css
diff --git a/docs/4.1/examples/screenshots/album.png b/site/docs/4.1/examples/screenshots/album.png
index 162269c46..162269c46 100644
--- a/docs/4.1/examples/screenshots/album.png
+++ b/site/docs/4.1/examples/screenshots/album.png
diff --git a/docs/4.1/examples/screenshots/blog.png b/site/docs/4.1/examples/screenshots/blog.png
index f5480314b..f5480314b 100644
--- a/docs/4.1/examples/screenshots/blog.png
+++ b/site/docs/4.1/examples/screenshots/blog.png
diff --git a/docs/4.1/examples/screenshots/carousel.png b/site/docs/4.1/examples/screenshots/carousel.png
index 39df35930..39df35930 100644
--- a/docs/4.1/examples/screenshots/carousel.png
+++ b/site/docs/4.1/examples/screenshots/carousel.png
diff --git a/docs/4.1/examples/screenshots/checkout.png b/site/docs/4.1/examples/screenshots/checkout.png
index 3e3c5af4b..3e3c5af4b 100644
--- a/docs/4.1/examples/screenshots/checkout.png
+++ b/site/docs/4.1/examples/screenshots/checkout.png
diff --git a/docs/4.1/examples/screenshots/cover.png b/site/docs/4.1/examples/screenshots/cover.png
index 9d20fb2ed..9d20fb2ed 100644
--- a/docs/4.1/examples/screenshots/cover.png
+++ b/site/docs/4.1/examples/screenshots/cover.png
diff --git a/docs/4.1/examples/screenshots/dashboard.png b/site/docs/4.1/examples/screenshots/dashboard.png
index 52b23dff6..52b23dff6 100644
--- a/docs/4.1/examples/screenshots/dashboard.png
+++ b/site/docs/4.1/examples/screenshots/dashboard.png
diff --git a/docs/4.1/examples/screenshots/floating-labels.png b/site/docs/4.1/examples/screenshots/floating-labels.png
index 5d284bfe0..5d284bfe0 100644
--- a/docs/4.1/examples/screenshots/floating-labels.png
+++ b/site/docs/4.1/examples/screenshots/floating-labels.png
diff --git a/docs/4.1/examples/screenshots/grid.png b/site/docs/4.1/examples/screenshots/grid.png
index d7a111b0c..d7a111b0c 100644
--- a/docs/4.1/examples/screenshots/grid.png
+++ b/site/docs/4.1/examples/screenshots/grid.png
diff --git a/docs/4.1/examples/screenshots/jumbotron.png b/site/docs/4.1/examples/screenshots/jumbotron.png
index 4d83dffa6..4d83dffa6 100644
--- a/docs/4.1/examples/screenshots/jumbotron.png
+++ b/site/docs/4.1/examples/screenshots/jumbotron.png
diff --git a/docs/4.1/examples/screenshots/navbar-bottom.png b/site/docs/4.1/examples/screenshots/navbar-bottom.png
index a62faa182..a62faa182 100644
--- a/docs/4.1/examples/screenshots/navbar-bottom.png
+++ b/site/docs/4.1/examples/screenshots/navbar-bottom.png
diff --git a/docs/4.1/examples/screenshots/navbar-fixed.png b/site/docs/4.1/examples/screenshots/navbar-fixed.png
index 1ce8ca576..1ce8ca576 100644
--- a/docs/4.1/examples/screenshots/navbar-fixed.png
+++ b/site/docs/4.1/examples/screenshots/navbar-fixed.png
diff --git a/docs/4.1/examples/screenshots/navbar-static.png b/site/docs/4.1/examples/screenshots/navbar-static.png
index 758aa61e8..758aa61e8 100644
--- a/docs/4.1/examples/screenshots/navbar-static.png
+++ b/site/docs/4.1/examples/screenshots/navbar-static.png
diff --git a/docs/4.1/examples/screenshots/navbars.png b/site/docs/4.1/examples/screenshots/navbars.png
index ce11b8d2c..ce11b8d2c 100644
--- a/docs/4.1/examples/screenshots/navbars.png
+++ b/site/docs/4.1/examples/screenshots/navbars.png
diff --git a/docs/4.1/examples/screenshots/offcanvas.png b/site/docs/4.1/examples/screenshots/offcanvas.png
index e5287dde8..e5287dde8 100644
--- a/docs/4.1/examples/screenshots/offcanvas.png
+++ b/site/docs/4.1/examples/screenshots/offcanvas.png
diff --git a/docs/4.1/examples/screenshots/pricing.png b/site/docs/4.1/examples/screenshots/pricing.png
index 9ddac54ea..9ddac54ea 100644
--- a/docs/4.1/examples/screenshots/pricing.png
+++ b/site/docs/4.1/examples/screenshots/pricing.png
diff --git a/docs/4.1/examples/screenshots/product.png b/site/docs/4.1/examples/screenshots/product.png
index 1dfe45482..1dfe45482 100644
--- a/docs/4.1/examples/screenshots/product.png
+++ b/site/docs/4.1/examples/screenshots/product.png
diff --git a/docs/4.1/examples/screenshots/sign-in.png b/site/docs/4.1/examples/screenshots/sign-in.png
index 8b3431de9..8b3431de9 100644
--- a/docs/4.1/examples/screenshots/sign-in.png
+++ b/site/docs/4.1/examples/screenshots/sign-in.png
diff --git a/docs/4.1/examples/screenshots/starter-template.png b/site/docs/4.1/examples/screenshots/starter-template.png
index 436c452de..436c452de 100644
--- a/docs/4.1/examples/screenshots/starter-template.png
+++ b/site/docs/4.1/examples/screenshots/starter-template.png
diff --git a/docs/4.1/examples/screenshots/sticky-footer-navbar.png b/site/docs/4.1/examples/screenshots/sticky-footer-navbar.png
index 9478901f6..9478901f6 100644
--- a/docs/4.1/examples/screenshots/sticky-footer-navbar.png
+++ b/site/docs/4.1/examples/screenshots/sticky-footer-navbar.png
diff --git a/docs/4.1/examples/screenshots/sticky-footer.png b/site/docs/4.1/examples/screenshots/sticky-footer.png
index 5a008a0ac..5a008a0ac 100644
--- a/docs/4.1/examples/screenshots/sticky-footer.png
+++ b/site/docs/4.1/examples/screenshots/sticky-footer.png
diff --git a/docs/4.1/examples/sign-in/index.html b/site/docs/4.1/examples/sign-in/index.html
index 0a4d90cbd..2c9436643 100644
--- a/docs/4.1/examples/sign-in/index.html
+++ b/site/docs/4.1/examples/sign-in/index.html
@@ -10,7 +10,7 @@
     <title>Signin Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="signin.css" rel="stylesheet">
@@ -18,7 +18,7 @@
 
   <body class="text-center">
     <form class="form-signin">
-      <img class="mb-4" src="https://getbootstrap.com/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
+      <img class="mb-4" src="../../assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
       <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
       <label for="inputEmail" class="sr-only">Email address</label>
       <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
diff --git a/docs/4.1/examples/sign-in/signin.css b/site/docs/4.1/examples/sign-in/signin.css
index 90cc93e5b..90cc93e5b 100644
--- a/docs/4.1/examples/sign-in/signin.css
+++ b/site/docs/4.1/examples/sign-in/signin.css
diff --git a/docs/4.1/examples/starter-template/index.html b/site/docs/4.1/examples/starter-template/index.html
index 7ef812406..03575146d 100644
--- a/docs/4.1/examples/starter-template/index.html
+++ b/site/docs/4.1/examples/starter-template/index.html
@@ -10,7 +10,7 @@
     <title>Starter Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="starter-template.css" rel="stylesheet">
@@ -64,8 +64,8 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/starter-template/starter-template.css b/site/docs/4.1/examples/starter-template/starter-template.css
index 5f64cd294..5f64cd294 100644
--- a/docs/4.1/examples/starter-template/starter-template.css
+++ b/site/docs/4.1/examples/starter-template/starter-template.css
diff --git a/docs/4.1/examples/sticky-footer-navbar/index.html b/site/docs/4.1/examples/sticky-footer-navbar/index.html
index 166c54522..9f8e174e3 100644
--- a/docs/4.1/examples/sticky-footer-navbar/index.html
+++ b/site/docs/4.1/examples/sticky-footer-navbar/index.html
@@ -10,7 +10,7 @@
     <title>Sticky Footer Navbar Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="sticky-footer-navbar.css" rel="stylesheet">
@@ -62,8 +62,8 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/sticky-footer-navbar/sticky-footer-navbar.css b/site/docs/4.1/examples/sticky-footer-navbar/sticky-footer-navbar.css
index 07fd56a64..07fd56a64 100644
--- a/docs/4.1/examples/sticky-footer-navbar/sticky-footer-navbar.css
+++ b/site/docs/4.1/examples/sticky-footer-navbar/sticky-footer-navbar.css
diff --git a/docs/4.1/examples/sticky-footer/index.html b/site/docs/4.1/examples/sticky-footer/index.html
index e00111c48..839d9883e 100644
--- a/docs/4.1/examples/sticky-footer/index.html
+++ b/site/docs/4.1/examples/sticky-footer/index.html
@@ -10,7 +10,7 @@
     <title>Sticky Footer Template for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="sticky-footer.css" rel="stylesheet">
diff --git a/docs/4.1/examples/sticky-footer/sticky-footer.css b/site/docs/4.1/examples/sticky-footer/sticky-footer.css
index ebe29104f..ebe29104f 100644
--- a/docs/4.1/examples/sticky-footer/sticky-footer.css
+++ b/site/docs/4.1/examples/sticky-footer/sticky-footer.css
diff --git a/docs/4.1/examples/tooltip-viewport/index.html b/site/docs/4.1/examples/tooltip-viewport/index.html
index dae900159..fabe12ddf 100644
--- a/docs/4.1/examples/tooltip-viewport/index.html
+++ b/site/docs/4.1/examples/tooltip-viewport/index.html
@@ -10,7 +10,7 @@
     <title>Tooltip Viewport Example for Bootstrap</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="../../../../dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
     <link href="tooltip-viewport.css" rel="stylesheet">
@@ -37,9 +37,9 @@
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
-    <script src="../../../../assets/js/vendor/popper.min.js"></script>
-    <script src="../../../../dist/js/bootstrap.min.js"></script>
+    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
+    <script src="../../assets/js/vendor/popper.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
     <script src="tooltip-viewport.js"></script>
   </body>
 </html>
diff --git a/docs/4.1/examples/tooltip-viewport/tooltip-viewport.css b/site/docs/4.1/examples/tooltip-viewport/tooltip-viewport.css
index 26aa2e348..26aa2e348 100644
--- a/docs/4.1/examples/tooltip-viewport/tooltip-viewport.css
+++ b/site/docs/4.1/examples/tooltip-viewport/tooltip-viewport.css
diff --git a/docs/4.1/examples/tooltip-viewport/tooltip-viewport.js b/site/docs/4.1/examples/tooltip-viewport/tooltip-viewport.js
index dc75e18c6..dc75e18c6 100644
--- a/docs/4.1/examples/tooltip-viewport/tooltip-viewport.js
+++ b/site/docs/4.1/examples/tooltip-viewport/tooltip-viewport.js
diff --git a/docs/4.1/extend/approach.md b/site/docs/4.1/extend/approach.md
index 62031981f..62031981f 100644
--- a/docs/4.1/extend/approach.md
+++ b/site/docs/4.1/extend/approach.md
diff --git a/docs/4.1/extend/icons.md b/site/docs/4.1/extend/icons.md
index b6445cdd2..b6445cdd2 100644
--- a/docs/4.1/extend/icons.md
+++ b/site/docs/4.1/extend/icons.md
diff --git a/docs/4.1/extend/index.md b/site/docs/4.1/extend/index.md
index a87e06470..a87e06470 100644
--- a/docs/4.1/extend/index.md
+++ b/site/docs/4.1/extend/index.md
diff --git a/docs/4.1/getting-started/accessibility.md b/site/docs/4.1/getting-started/accessibility.md
index 5a0c0b0eb..5a0c0b0eb 100644
--- a/docs/4.1/getting-started/accessibility.md
+++ b/site/docs/4.1/getting-started/accessibility.md
diff --git a/docs/4.1/getting-started/best-practices.md b/site/docs/4.1/getting-started/best-practices.md
index 1e7af39ee..1e7af39ee 100644
--- a/docs/4.1/getting-started/best-practices.md
+++ b/site/docs/4.1/getting-started/best-practices.md
diff --git a/docs/4.1/getting-started/browsers-devices.md b/site/docs/4.1/getting-started/browsers-devices.md
index 8a4b0c8d7..8a4b0c8d7 100644
--- a/docs/4.1/getting-started/browsers-devices.md
+++ b/site/docs/4.1/getting-started/browsers-devices.md
diff --git a/docs/4.1/getting-started/build-tools.md b/site/docs/4.1/getting-started/build-tools.md
index c26d9bdd0..c26d9bdd0 100644
--- a/docs/4.1/getting-started/build-tools.md
+++ b/site/docs/4.1/getting-started/build-tools.md
diff --git a/docs/4.1/getting-started/contents.md b/site/docs/4.1/getting-started/contents.md
index fd38e2fba..fd38e2fba 100644
--- a/docs/4.1/getting-started/contents.md
+++ b/site/docs/4.1/getting-started/contents.md
diff --git a/docs/4.1/getting-started/download.md b/site/docs/4.1/getting-started/download.md
index e0845564c..e0845564c 100644
--- a/docs/4.1/getting-started/download.md
+++ b/site/docs/4.1/getting-started/download.md
diff --git a/docs/4.1/getting-started/introduction.md b/site/docs/4.1/getting-started/introduction.md
index 77a9a6fdf..77a9a6fdf 100644
--- a/docs/4.1/getting-started/introduction.md
+++ b/site/docs/4.1/getting-started/introduction.md
diff --git a/docs/4.1/getting-started/javascript.md b/site/docs/4.1/getting-started/javascript.md
index da7011e76..da7011e76 100644
--- a/docs/4.1/getting-started/javascript.md
+++ b/site/docs/4.1/getting-started/javascript.md
diff --git a/docs/4.1/getting-started/theming.md b/site/docs/4.1/getting-started/theming.md
index 192e819bc..192e819bc 100644
--- a/docs/4.1/getting-started/theming.md
+++ b/site/docs/4.1/getting-started/theming.md
diff --git a/docs/4.1/getting-started/webpack.md b/site/docs/4.1/getting-started/webpack.md
index e8a57cf96..e8a57cf96 100644
--- a/docs/4.1/getting-started/webpack.md
+++ b/site/docs/4.1/getting-started/webpack.md
diff --git a/docs/4.1/layout/grid.md b/site/docs/4.1/layout/grid.md
index 5d341b68a..5d341b68a 100644
--- a/docs/4.1/layout/grid.md
+++ b/site/docs/4.1/layout/grid.md
diff --git a/docs/4.1/layout/media-object.md b/site/docs/4.1/layout/media-object.md
index 500fa3e31..500fa3e31 100644
--- a/docs/4.1/layout/media-object.md
+++ b/site/docs/4.1/layout/media-object.md
diff --git a/docs/4.1/layout/overview.md b/site/docs/4.1/layout/overview.md
index 102e25727..102e25727 100644
--- a/docs/4.1/layout/overview.md
+++ b/site/docs/4.1/layout/overview.md
diff --git a/docs/4.1/layout/utilities-for-layout.md b/site/docs/4.1/layout/utilities-for-layout.md
index a62a5abe0..a62a5abe0 100644
--- a/docs/4.1/layout/utilities-for-layout.md
+++ b/site/docs/4.1/layout/utilities-for-layout.md
diff --git a/docs/4.1/migration.md b/site/docs/4.1/migration.md
index 6798d8729..6798d8729 100644
--- a/docs/4.1/migration.md
+++ b/site/docs/4.1/migration.md
diff --git a/docs/4.1/utilities/borders.md b/site/docs/4.1/utilities/borders.md
index e67cc41c9..e67cc41c9 100644
--- a/docs/4.1/utilities/borders.md
+++ b/site/docs/4.1/utilities/borders.md
diff --git a/docs/4.1/utilities/clearfix.md b/site/docs/4.1/utilities/clearfix.md
index f4cb084bf..f4cb084bf 100644
--- a/docs/4.1/utilities/clearfix.md
+++ b/site/docs/4.1/utilities/clearfix.md
diff --git a/docs/4.1/utilities/close-icon.md b/site/docs/4.1/utilities/close-icon.md
index a848c012e..a848c012e 100644
--- a/docs/4.1/utilities/close-icon.md
+++ b/site/docs/4.1/utilities/close-icon.md
diff --git a/docs/4.1/utilities/colors.md b/site/docs/4.1/utilities/colors.md
index acfcf2475..acfcf2475 100644
--- a/docs/4.1/utilities/colors.md
+++ b/site/docs/4.1/utilities/colors.md
diff --git a/docs/4.1/utilities/display.md b/site/docs/4.1/utilities/display.md
index dd77a876c..dd77a876c 100644
--- a/docs/4.1/utilities/display.md
+++ b/site/docs/4.1/utilities/display.md
diff --git a/docs/4.1/utilities/embed.md b/site/docs/4.1/utilities/embed.md
index 4713c598c..4713c598c 100644
--- a/docs/4.1/utilities/embed.md
+++ b/site/docs/4.1/utilities/embed.md
diff --git a/docs/4.1/utilities/flex.md b/site/docs/4.1/utilities/flex.md
index 83e950cf7..83e950cf7 100644
--- a/docs/4.1/utilities/flex.md
+++ b/site/docs/4.1/utilities/flex.md
diff --git a/docs/4.1/utilities/float.md b/site/docs/4.1/utilities/float.md
index ec05d3ec7..ec05d3ec7 100644
--- a/docs/4.1/utilities/float.md
+++ b/site/docs/4.1/utilities/float.md
diff --git a/docs/4.1/utilities/image-replacement.md b/site/docs/4.1/utilities/image-replacement.md
index 13e401165..0d5a4d30c 100644
--- a/docs/4.1/utilities/image-replacement.md
+++ b/site/docs/4.1/utilities/image-replacement.md
@@ -28,6 +28,6 @@ Utilize the `.text-hide` class or mixin to help replace an element's text conten
 Use the `.text-hide` class to maintain the accessibility and SEO benefits of heading tags, but want to utilize a `background-image` instead of text.
 
 {% capture example %}
-<h1 class="text-hide" style="background-image: url('/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>
+<h1 class="text-hide" style="background-image: url('/docs/{{ site.docs_version }}/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>
 {% endcapture %}
 {% include example.html content=example %}
diff --git a/docs/4.1/utilities/position.md b/site/docs/4.1/utilities/position.md
index c819df080..c819df080 100644
--- a/docs/4.1/utilities/position.md
+++ b/site/docs/4.1/utilities/position.md
diff --git a/docs/4.1/utilities/screenreaders.md b/site/docs/4.1/utilities/screenreaders.md
index 311102c6a..311102c6a 100644
--- a/docs/4.1/utilities/screenreaders.md
+++ b/site/docs/4.1/utilities/screenreaders.md
diff --git a/docs/4.1/utilities/shadows.md b/site/docs/4.1/utilities/shadows.md
index 5e8f5a890..5e8f5a890 100644
--- a/docs/4.1/utilities/shadows.md
+++ b/site/docs/4.1/utilities/shadows.md
diff --git a/docs/4.1/utilities/sizing.md b/site/docs/4.1/utilities/sizing.md
index e7e578a64..e7e578a64 100644
--- a/docs/4.1/utilities/sizing.md
+++ b/site/docs/4.1/utilities/sizing.md
diff --git a/docs/4.1/utilities/spacing.md b/site/docs/4.1/utilities/spacing.md
index b374748e0..b374748e0 100644
--- a/docs/4.1/utilities/spacing.md
+++ b/site/docs/4.1/utilities/spacing.md
diff --git a/docs/4.1/utilities/text.md b/site/docs/4.1/utilities/text.md
index ab42dc90b..ab42dc90b 100644
--- a/docs/4.1/utilities/text.md
+++ b/site/docs/4.1/utilities/text.md
diff --git a/docs/4.1/utilities/vertical-align.md b/site/docs/4.1/utilities/vertical-align.md
index bc4f0b950..bc4f0b950 100644
--- a/docs/4.1/utilities/vertical-align.md
+++ b/site/docs/4.1/utilities/vertical-align.md
diff --git a/docs/4.1/utilities/visibility.md b/site/docs/4.1/utilities/visibility.md
index cb02e1b88..cb02e1b88 100644
--- a/docs/4.1/utilities/visibility.md
+++ b/site/docs/4.1/utilities/visibility.md
diff --git a/favicon.ico b/site/favicon.ico
index b48b3442a..b48b3442a 100644
--- a/favicon.ico
+++ b/site/favicon.ico
diff --git a/index.html b/site/index.html
index 67f5e9b6d..2c5dda44b 100644
--- a/index.html
+++ b/site/index.html
@@ -6,7 +6,7 @@ layout: home
   <div class="container">
     <div class="row align-items-center">
       <div class="col-6 mx-auto col-md-6 order-md-2">
-        <img class="img-fluid mb-3 mb-md-0" src="{{ site.baseurl }}/assets/img/bootstrap-stack.png" alt="" width="1024" height="860">
+        <img class="img-fluid mb-3 mb-md-0" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/bootstrap-stack.png" alt="" width="1024" height="860">
       </div>
       <div class="col-md-6 order-md-1 text-center text-md-left pr-md-5">
         <h1 class="mb-3 bd-text-purple-bright">Bootstrap</h1>
@@ -76,7 +76,7 @@ gem install bootstrap -v {{ site.current_ruby_version }}
     <p>
       Take Bootstrap 4 to the next level with official premium themes—toolkits built on Bootstrap with new components and plugins, docs, and build tools.
     </p>
-    <img class="img-fluid mt-3 mx-auto" src="{{ site.baseurl }}/assets/img/bootstrap-themes.png" alt="Bootstrap Themes" width="1024" height="388">
+    <img class="img-fluid mt-3 mx-auto" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/bootstrap-themes.png" alt="Bootstrap Themes" width="1024" height="388">
     <hr class="half-rule">
     <a href="{{ site.themes }}" class="btn btn-outline-primary">Browse themes</a>
   </div>
diff --git a/robots.txt b/site/robots.txt
index aef3fa1f6..aef3fa1f6 100644
--- a/robots.txt
+++ b/site/robots.txt
diff --git a/sw.js b/site/sw.js
index e21423ca5..bc67fee25 100644
--- a/sw.js
+++ b/site/sw.js
@@ -1,5 +1,5 @@
 /* global workbox:false */
 
-self.importScripts('assets/js/vendor/{fileName}')
+self.importScripts('docs/4.1/assets/js/vendor/{fileName}')
 
 workbox.precaching.precacheAndRoute([])