diff --git a/site/_includes/callout-danger-async-methods.md b/site/_includes/callout-danger-async-methods.md index ca35e0b775ea..083f28f23890 100644 --- a/site/_includes/callout-danger-async-methods.md +++ b/site/_includes/callout-danger-async-methods.md @@ -3,6 +3,6 @@ All API methods are **asynchronous** and start a **transition**. They return to the caller as soon as the transition is started but **before it ends**. In addition, a method call on a **transitioning component will be ignored**. -[See our JavaScript documentation for more information.]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/javascript/) +[See our JavaScript documentation for more information]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/javascript/). {% endcapture %} {% include callout.html content=callout type="danger" %} diff --git a/site/docs/4.1/components/dropdowns.md b/site/docs/4.1/components/dropdowns.md index 9adfa499bc33..c9daf5518622 100644 --- a/site/docs/4.1/components/dropdowns.md +++ b/site/docs/4.1/components/dropdowns.md @@ -8,7 +8,7 @@ toc: true ## Overview -Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown JavaScript plugin. They're toggled by clicking, not by hovering; this is [an intentional design decision.](http://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/) +Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown JavaScript plugin. They're toggled by clicking, not by hovering; this is [an intentional design decision](http://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/). Dropdowns are built on a third party library, [Popper.js](https://popper.js.org/), which provides dynamic positioning and viewport detection. Be sure to include [popper.min.js]({{ site.cdn.popper }}) before Bootstrap's JavaScript or use `bootstrap.bundle.min.js` / `bootstrap.bundle.js` which contains Popper.js. Popper.js isn't used to position dropdowns in navbars though as dynamic positioning isn't required. diff --git a/site/docs/4.1/getting-started/browsers-devices.md b/site/docs/4.1/getting-started/browsers-devices.md index 8db3b696bc63..7e667a7b6f81 100644 --- a/site/docs/4.1/getting-started/browsers-devices.md +++ b/site/docs/4.1/getting-started/browsers-devices.md @@ -183,7 +183,7 @@ $(function () { {% endhighlight %} -Want to see an example? [Check out this JS Bin demo.](http://jsbin.com/OyaqoDO/2) +Want to see an example? [Check out this JS Bin demo](http://jsbin.com/OyaqoDO/2). ## Validators diff --git a/site/docs/4.1/getting-started/introduction.md b/site/docs/4.1/getting-started/introduction.md index 49870cd5a7eb..55ced2f9c318 100644 --- a/site/docs/4.1/getting-started/introduction.md +++ b/site/docs/4.1/getting-started/introduction.md @@ -13,7 +13,7 @@ toc: true ## Quick start -Looking to quickly add Bootstrap to your project? Use BootstrapCDN, provided for free by the folks at StackPath. Using a package manager or need to download the source files? [Head to the downloads page.]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/download/) +Looking to quickly add Bootstrap to your project? Use BootstrapCDN, provided for free by the folks at StackPath. Using a package manager or need to download the source files? [Head to the downloads page]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/download/). ### CSS diff --git a/site/docs/4.1/getting-started/theming.md b/site/docs/4.1/getting-started/theming.md index 1c7106dee79b..15bea40c4dff 100644 --- a/site/docs/4.1/getting-started/theming.md +++ b/site/docs/4.1/getting-started/theming.md @@ -422,7 +422,7 @@ a { ### Breakpoint variables -While we originally included breakpoints in our CSS variables (e.g., `--breakpoint-md`), **these are not supported in media queries**, but they can still be used _within_ rulesets in media queries. These breakpoint variables remain in the compiled CSS for backward compatibility given they can be utilized by JavaScript. [Learn more in the spec.](https://www.w3.org/TR/css-variables-1/#using-variables) +While we originally included breakpoints in our CSS variables (e.g., `--breakpoint-md`), **these are not supported in media queries**, but they can still be used _within_ rulesets in media queries. These breakpoint variables remain in the compiled CSS for backward compatibility given they can be utilized by JavaScript. [Learn more in the spec](https://www.w3.org/TR/css-variables-1/#using-variables). Here's an example of **what's not supported:** diff --git a/site/docs/4.1/migration.md b/site/docs/4.1/migration.md index 6fcd304001c9..5ca205e94e4a 100644 --- a/site/docs/4.1/migration.md +++ b/site/docs/4.1/migration.md @@ -288,7 +288,7 @@ Dropped entirely for the new card component. - **Display, hidden, and more:** - Made display utilities responsive (e.g., `.d-none` and `d-{sm,md,lg,xl}-none`). - - Dropped the bulk of `.hidden-*` utilities for new [display utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/display/). For example, instead of `.hidden-sm-up`, use `.d-sm-none`. Renamed the `.hidden-print` utilities to use the display utility naming scheme. [More info under the Responsive utilities section of this page.](#responsive-utilities) + - Dropped the bulk of `.hidden-*` utilities for new [display utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/display/). For example, instead of `.hidden-sm-up`, use `.d-sm-none`. Renamed the `.hidden-print` utilities to use the display utility naming scheme. More info under the [Responsive utilities](#responsive-utilities) section of this page. - Added `.float-{sm,md,lg,xl}-{left,right,none}` classes for responsive floats and removed `.pull-left` and `.pull-right` since they're redundant to `.float-left` and `.float-right`. - **Type:** - Added responsive variations to our text alignment classes `.text-{sm,md,lg,xl}-{left,center,right}`. diff --git a/site/docs/4.1/utilities/flex.md b/site/docs/4.1/utilities/flex.md index 83e950cf7246..a9a388b18bd3 100644 --- a/site/docs/4.1/utilities/flex.md +++ b/site/docs/4.1/utilities/flex.md @@ -219,7 +219,7 @@ Responsive variations also exist for `align-self`. ## Fill -Use the `.flex-fill` class on a series of sibling elements to force them into equal widths while taking up all available horizontal space. [Especially useful for equal-width, or justified, navigation.]({{ site.baseurl }}/docs/{{ site.docs_version }}/components/navs/#working-with-flex-utilities) +Use the `.flex-fill` class on a series of sibling elements to force them into equal widths while taking up all available horizontal space. [Especially useful for equal-width, or justified, navigation]({{ site.baseurl }}/docs/{{ site.docs_version }}/components/navs/#working-with-flex-utilities). {% capture example %}