From 700273886570d0734176087aec0f4d277446b5c5 Mon Sep 17 00:00:00 2001 From: Vincent Prothais Date: Fri, 22 Nov 2024 09:39:38 +0100 Subject: [PATCH 1/2] Docs: Fix broken link in dropdowns documentation (#41052) --- site/content/docs/5.3/components/dropdowns.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/content/docs/5.3/components/dropdowns.md b/site/content/docs/5.3/components/dropdowns.md index b9e22e44a9e6..2f2696bf5f7c 100644 --- a/site/content/docs/5.3/components/dropdowns.md +++ b/site/content/docs/5.3/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](https://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](https://markdotto.com/blog/bootstrap-explained-dropdowns/). Dropdowns are built on a third party library, [Popper](https://popper.js.org/docs/v2/), which provides dynamic positioning and viewport detection. Be sure to include [popper.min.js]({{< param "cdn.popper" >}}) before Bootstrap's JavaScript or use `bootstrap.bundle.min.js` / `bootstrap.bundle.js` which contains Popper. Popper isn't used to position dropdowns in navbars though as dynamic positioning isn't required. From ec96eacd0e6f297a64ee058b22ce9f567c0860e3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Fri, 22 Nov 2024 10:54:10 +0100 Subject: [PATCH 2/2] Docs: add warning callout for Yarn Berry for Bootstrap examples compat (#41036) --- site/content/docs/5.3/getting-started/download.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/site/content/docs/5.3/getting-started/download.md b/site/content/docs/5.3/getting-started/download.md index 2d0d62762772..e15cb9860c84 100644 --- a/site/content/docs/5.3/getting-started/download.md +++ b/site/content/docs/5.3/getting-started/download.md @@ -100,6 +100,17 @@ Install Bootstrap in your Node.js powered apps with [the yarn package](https://y yarn add bootstrap@{{< param "current_version" >}} ``` +{{< callout warning >}} +**Yarn 2+ (aka Yarn Berry) doesn't support the `node_modules` directory by default**: using our [Sass & JS example](https://github.com/twbs/examples/tree/main/sass-js) needs some adjustments: + +```sh +yarn config set nodeLinker node-modules # Use the node_modules linker +touch yarn.lock # Create an empty yarn.lock file +yarn install # Install the dependencies +yarn start # Start the project +``` +{{< /callout >}} + ### RubyGems Install Bootstrap in your Ruby apps using [Bundler](https://bundler.io/) (**recommended**) and [RubyGems](https://rubygems.org/) by adding the following line to your [`Gemfile`](https://bundler.io/guides/gemfile.html):