diff options
| author | Mark Otto <[email protected]> | 2017-07-01 19:33:27 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-07-01 23:05:51 -0700 |
| commit | 25d5ffc9f96d1eca3ba274571924ed7881e7bb44 (patch) | |
| tree | 48a903609012fd029c4959af9814e2d2cde9e9a7 /docs | |
| parent | 11e18af1b6d135f17de203165ab39cbed6784f05 (diff) | |
| download | bootstrap-25d5ffc9f96d1eca3ba274571924ed7881e7bb44.tar.xz bootstrap-25d5ffc9f96d1eca3ba274571924ed7881e7bb44.zip | |
Move /utilities/flexbox to /utilities/flex to match name of SCSS file
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/components/forms.md | 2 | ||||
| -rw-r--r-- | docs/4.0/components/list-group.md | 4 | ||||
| -rw-r--r-- | docs/4.0/components/navs.md | 2 | ||||
| -rw-r--r-- | docs/4.0/components/pagination.md | 2 | ||||
| -rw-r--r-- | docs/4.0/layout/utilities-for-layout.md | 2 | ||||
| -rw-r--r-- | docs/4.0/migration.md | 2 | ||||
| -rw-r--r-- | docs/4.0/utilities/flex.md (renamed from docs/4.0/utilities/flexbox.md) | 0 |
7 files changed, 7 insertions, 7 deletions
diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md index 196ba4a8b..1ae5c81f3 100644 --- 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 66d76a77d..da23ceba6 100644 --- 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 50526e883..845024c3d 100644 --- 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 0235f7da4..97bc84d93 100644 --- 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 d910214fa..f5e115b20 100644 --- 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 b95c4d35e..1748fd924 100644 --- 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 index bf2a6f37c..bf2a6f37c 100644 --- a/docs/4.0/utilities/flexbox.md +++ b/docs/4.0/utilities/flex.md |
