diff --git a/site/content/docs/5.3/components/placeholders.md b/site/content/docs/5.3/components/placeholders.md index 8317b1184655..8c4b0e028008 100644 --- a/site/content/docs/5.3/components/placeholders.md +++ b/site/content/docs/5.3/components/placeholders.md @@ -4,7 +4,9 @@ title: Placeholders description: Use loading placeholders for your components or pages to indicate something may still be loading. group: components toc: true -added: "5.1" +params: + added: + version: "5.1" --- ## About diff --git a/site/content/docs/5.3/customize/color-modes.md b/site/content/docs/5.3/customize/color-modes.md index 945d5ec336c0..fd0d2770f798 100644 --- a/site/content/docs/5.3/customize/color-modes.md +++ b/site/content/docs/5.3/customize/color-modes.md @@ -4,7 +4,9 @@ title: Color modes description: Bootstrap now supports color modes, or themes, as of v5.3.0. Explore our default light color mode and the new dark mode, or create your own using our styles as your template. group: customize toc: true -added: "5.3" +params: + added: + version: "5.3" --- {{< callout >}} diff --git a/site/content/docs/5.3/getting-started/contribute.md b/site/content/docs/5.3/getting-started/contribute.md index 3b517bd9c504..0f81cdffca1b 100644 --- a/site/content/docs/5.3/getting-started/contribute.md +++ b/site/content/docs/5.3/getting-started/contribute.md @@ -5,6 +5,10 @@ description: Help develop Bootstrap with our documentation build scripts and tes group: getting-started toc: true aliases: "/docs/5.3/getting-started/build-tools/" +params: + added: + show_badge: false + version: "5.1" --- ## Tooling setup diff --git a/site/content/docs/5.3/getting-started/vite.md b/site/content/docs/5.3/getting-started/vite.md index 33b76d3df6a2..6da4815bc2e5 100644 --- a/site/content/docs/5.3/getting-started/vite.md +++ b/site/content/docs/5.3/getting-started/vite.md @@ -5,6 +5,10 @@ description: The official guide for how to include and bundle Bootstrap's CSS an group: getting-started toc: true thumbnail: guides/bootstrap-vite@2x.png +params: + added: + show_badge: false + version: "5.2" --- diff --git a/site/content/docs/5.3/helpers/color-background.md b/site/content/docs/5.3/helpers/color-background.md index d64ca4339106..54776cea2f4c 100644 --- a/site/content/docs/5.3/helpers/color-background.md +++ b/site/content/docs/5.3/helpers/color-background.md @@ -4,7 +4,9 @@ title: Color and background description: Set a background color with contrasting foreground color. group: helpers toc: true -added: "5.2" +params: + added: + version: "5.2" --- ## Overview diff --git a/site/content/docs/5.3/helpers/focus-ring.md b/site/content/docs/5.3/helpers/focus-ring.md index fa36bf8ce0c7..b48149f43564 100644 --- a/site/content/docs/5.3/helpers/focus-ring.md +++ b/site/content/docs/5.3/helpers/focus-ring.md @@ -4,7 +4,9 @@ title: Focus ring description: Utility classes that allows you to add and modify custom focus ring styles to elements and components. group: helpers toc: true -added: "5.3" +params: + added: + version: "5.3" --- The `.focus-ring` helper removes the default `outline` on `:focus`, replacing it with a `box-shadow` that can be more broadly customized. The new shadow is made up of a series of CSS variables, inherited from the `:root` level, that can be modified for any element or component. diff --git a/site/content/docs/5.3/helpers/icon-link.md b/site/content/docs/5.3/helpers/icon-link.md index ec63c5b8c889..d6bae59754d4 100644 --- a/site/content/docs/5.3/helpers/icon-link.md +++ b/site/content/docs/5.3/helpers/icon-link.md @@ -4,7 +4,9 @@ title: Icon link description: Quickly create stylized hyperlinks with Bootstrap Icons or other icons. group: helpers toc: true -added: 5.3 +params: + added: + version: "5.3" --- The icon link helper component modifies our default link styles to enhance their appearance and quickly align any pairing of icon and text. Alignment is set via inline flexbox styling and a default `gap` value. We stylize the underline with a custom offset and color. Icons are automatically sized to `1em` to best match their associated text's `font-size`. diff --git a/site/content/docs/5.3/helpers/stacks.md b/site/content/docs/5.3/helpers/stacks.md index ffe434188b6a..fc515c4ec2cd 100644 --- a/site/content/docs/5.3/helpers/stacks.md +++ b/site/content/docs/5.3/helpers/stacks.md @@ -4,7 +4,9 @@ title: Stacks description: Shorthand helpers that build on top of our flexbox utilities to make component layout faster and easier than ever. group: helpers toc: true -added: "5.1" +params: + added: + version: "5.1" --- Stacks offer a shortcut for applying a number of flexbox properties to quickly and easily create layouts in Bootstrap. All credit for the concept and implementation goes to the open source [Pylon project](https://almonk.github.io/pylon/). diff --git a/site/content/docs/5.3/helpers/vertical-rule.md b/site/content/docs/5.3/helpers/vertical-rule.md index 130f97b8a680..7c42308d3be1 100644 --- a/site/content/docs/5.3/helpers/vertical-rule.md +++ b/site/content/docs/5.3/helpers/vertical-rule.md @@ -4,7 +4,9 @@ title: Vertical rule description: Use the custom vertical rule helper to create vertical dividers like the `
` element. group: helpers toc: true -added: "5.1" +params: + added: + version: "5.1" --- ## How it works diff --git a/site/content/docs/5.3/layout/css-grid.md b/site/content/docs/5.3/layout/css-grid.md index 397733c8a2f7..1bf020eedf9f 100644 --- a/site/content/docs/5.3/layout/css-grid.md +++ b/site/content/docs/5.3/layout/css-grid.md @@ -4,7 +4,9 @@ title: CSS Grid description: Learn how to enable, use, and customize our alternate layout system built on CSS Grid with examples and code snippets. group: layout toc: true -added: "5.1" +params: + added: + version: "5.1" --- Bootstrap's default grid system represents the culmination of over a decade of CSS layout techniques, tried and tested by millions of people. But, it was also created without many of the modern CSS features and techniques we're seeing in browsers like the new CSS Grid. diff --git a/site/content/docs/5.3/utilities/link.md b/site/content/docs/5.3/utilities/link.md index 668af8c23765..5bae6ee465d3 100644 --- a/site/content/docs/5.3/utilities/link.md +++ b/site/content/docs/5.3/utilities/link.md @@ -4,7 +4,9 @@ title: Link description: Link utilities are used to stylize your anchors to adjust their color, opacity, underline offset, underline color, and more. group: utilities toc: true -added: 5.3 +params: + added: + version: "5.3" --- ## Link opacity diff --git a/site/content/docs/5.3/utilities/object-fit.md b/site/content/docs/5.3/utilities/object-fit.md index babc70a697a2..ffddd8138f7d 100644 --- a/site/content/docs/5.3/utilities/object-fit.md +++ b/site/content/docs/5.3/utilities/object-fit.md @@ -4,6 +4,9 @@ title: Object fit description: Use the object fit utilities to modify how the content of a [replaced element](https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element), such as an `` or `