Move /utilities/flexbox to /utilities/flex to match name of SCSS file

diff --git a/_data/nav.yml b/_data/nav.yml
index 83ca134f7f77ba333e670dbb0c2858ce8a1d71cd..79f532a8b1580afd64eaa6c826d1f5b457998b0c 100644 (file)
--- a/_data/nav.yml
+++ b/_data/nav.yml
@@ -58,7 +58,7 @@
     - title: Close icon
     - title: Colors
     - title: Display
-    - title: Flexbox
+    - title: Flex
     - title: Image replacement
     - title: Position
     - title: Responsive helpers

diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md
index 196ba4a8b084c6ffb8e0c26511eb6756927dad99..1ae5c81f3b8232ca56a5c643daedb449c4c44d0d 100644 (file)
--- a/docs/4.0/components/forms.md
+++ b/docs/4.0/components/forms.md
@@ -534,7 +534,7 @@ And of course [custom form controls](#custom-forms) are supported.
 
 Use the `.form-inline` class to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms vary slightly from their default states.
 
-- Controls are `display: flex`, collapsing any HTML white space and allowing you to provide alignment control with [spacing]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/spacing/) and [flexbox]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flexbox/) utilities.
+- Controls are `display: flex`, collapsing any HTML white space and allowing you to provide alignment control with [spacing]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/spacing/) and [flexbox]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/) utilities.
 - Controls and input groups receive `width: auto` to override the Bootstrap default `width: 100%`.
 - Controls **only appear inline in viewports that are at least 576px wide** to account for narrow viewports on mobile devices.
 

diff --git a/docs/4.0/components/list-group.md b/docs/4.0/components/list-group.md
index 66d76a77dd6ffd95813963dcb39771b7b8ec187e..da23ceba6fc6a4ec3ec4581efe1014dbc36e5231 100644 (file)
--- a/docs/4.0/components/list-group.md
+++ b/docs/4.0/components/list-group.md
@@ -109,7 +109,7 @@ Contextual classes also work with `.list-group-item-action`. Note the addition o
 
 ## With badges
 
-Add badges to any list group item to show unread counts, activity, and more with the help of some [utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flexbox/).
+Add badges to any list group item to show unread counts, activity, and more with the help of some [utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/).
 
 {% example html %}
 <ul class="list-group">
@@ -130,7 +130,7 @@ Add badges to any list group item to show unread counts, activity, and more with
 
 ## Custom content
 
-Add nearly any HTML within, even for linked list groups like the one below, with the help of [flexbox utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flexbox/).
+Add nearly any HTML within, even for linked list groups like the one below, with the help of [flexbox utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/).
 
 {% example html %}
 <div class="list-group">

diff --git a/docs/4.0/components/navs.md b/docs/4.0/components/navs.md
index 50526e883c06f0af31d09b910b458bbf9b9ffffa..845024c3d09fbd363a8a3c73e78ebdedbc7dd652 100644 (file)
--- a/docs/4.0/components/navs.md
+++ b/docs/4.0/components/navs.md
@@ -220,7 +220,7 @@ Similar to the `.nav-fill` example using a `<nav>`-based navigation, be sure to
 {% endexample %}
 ## Working with flex utilities
 
-If you need responsive nav variations, consider using a series of [flexbox utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flexbox/). While more verbose, these utilities offer greater customization across responsive breakpoints. In the example below, our nav will be stacked on the lowest breakpoint, then adapt to a horizontal layout that fills the available width starting from the small breakpoint.
+If you need responsive nav variations, consider using a series of [flexbox utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/). While more verbose, these utilities offer greater customization across responsive breakpoints. In the example below, our nav will be stacked on the lowest breakpoint, then adapt to a horizontal layout that fills the available width starting from the small breakpoint.
 
 {% example html %}
 <nav class="nav nav-pills flex-column flex-sm-row">

diff --git a/docs/4.0/components/pagination.md b/docs/4.0/components/pagination.md
index 0235f7da4593d50b3cdde87cb9bbde345d188103..97bc84d931fdc0b616a24f2b87696102f59601cb 100644 (file)
--- a/docs/4.0/components/pagination.md
+++ b/docs/4.0/components/pagination.md
@@ -135,7 +135,7 @@ Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for
 
 ## Alignment
 
-Change the alignment of pagination components with [flexbox utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flexbox/).
+Change the alignment of pagination components with [flexbox utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/).
 
 {% example html %}
 <nav aria-label="Page navigation example">

diff --git a/docs/4.0/layout/utilities-for-layout.md b/docs/4.0/layout/utilities-for-layout.md
index d910214fae40a95043bb1284aeace7df45d1c34e..f5e115b20db594e1cb4bbdc11ac4e6896be203cb 100644 (file)
--- a/docs/4.0/layout/utilities-for-layout.md
+++ b/docs/4.0/layout/utilities-for-layout.md
@@ -14,7 +14,7 @@ Use our `display` utilities for responsively toggling common values of the `disp
 
 Bootstrap 4 is built with flexbox, but not every element's `display` has been changed to `display: flex` as this would add many unnecessary overrides and unexpectedly change key browser behaviors. Most of [our components]({{ site.baseurl }}/docs/{{ site.docs_version }}/components/alerts/) are built with flexbox enabled.
 
-Should you need to add `display: flex` to an element, do so with `.d-flex` or one of the responsive variants (e.g., `.d-sm-flex`). You'll need this class or `display` value to allow the use of our extra [flexbox utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flexbox/) for sizing, alignment, spacing, and more.
+Should you need to add `display: flex` to an element, do so with `.d-flex` or one of the responsive variants (e.g., `.d-sm-flex`). You'll need this class or `display` value to allow the use of our extra [flexbox utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/) for sizing, alignment, spacing, and more.
 
 ## Margin and padding
 

diff --git a/docs/4.0/migration.md b/docs/4.0/migration.md
index b95c4d35ee030d3627c31d1ba8f072a18e915658..1748fd92486952a7230cce4934c70c757872dc76 100644 (file)
--- a/docs/4.0/migration.md
+++ b/docs/4.0/migration.md
@@ -229,7 +229,7 @@ Dropped entirely for the new card component.
   - Added responsive variations to our text alignment classes `.text-{sm,md,lg,xl}-{left,center,right}`.
 - **Alignment and spacing:**
   - Added new [responsive margin and padding utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/spacing/) for all sides, plus vertical and horizontal shorthands.
-  - Added boatload of [flexbox utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flexbox/).
+  - Added boatload of [flexbox utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/).
   - Dropped `.center-block` for the new `.mx-auto` class.
 
 ### Vendor prefix mixins

diff --git a/docs/4.0/utilities/flexbox.md b/docs/4.0/utilities/flex.md
similarity index 100%
rename from docs/4.0/utilities/flexbox.md
rename to docs/4.0/utilities/flex.md