diff --git a/site/content/docs/5.3/_index.html b/site/content/docs/5.3/_index.html
deleted file mode 100644
index f182bde371..0000000000
--- a/site/content/docs/5.3/_index.html
+++ /dev/null
@@ -1,6 +0,0 @@
----
-layout: redirect
-sitemap:
- disable: true
-redirect: "/docs/5.3/getting-started/introduction/"
----
diff --git a/site/content/docs/5.3/about/team.md b/site/content/docs/5.3/about/team.md
deleted file mode 100644
index c00ba4efcc..0000000000
--- a/site/content/docs/5.3/about/team.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-layout: docs
-title: Team
-description: An overview of the founding team and core contributors to Bootstrap.
-group: about
----
-
-Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.
-
-{{< team.inline >}}
-
-{{< /team.inline >}}
-
-Get involved with Bootstrap development by [opening an issue]({{< param repo >}}/issues/new/choose) or submitting a pull request. Read our [contributing guidelines]({{< param repo >}}/blob/v{{< param current_version >}}/.github/CONTRIBUTING.md) for information on how we develop.
diff --git a/site/content/docs/5.3/content/images.md b/site/content/docs/5.3/content/images.md
deleted file mode 100644
index 02795617f0..0000000000
--- a/site/content/docs/5.3/content/images.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-layout: docs
-title: Images
-description: Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them—all via classes.
-group: content
-toc: true
----
-
-## Responsive images
-
-Images in Bootstrap are made responsive with `.img-fluid`. This applies `max-width: 100%;` and `height: auto;` to the image so that it scales with the parent width.
-
-{{< example >}}
-{{< placeholder width="100%" height="250" class="bd-placeholder-img-lg img-fluid" text="Responsive image" >}}
-{{< /example >}}
-
-## Image thumbnails
-
-In addition to our [border-radius utilities]({{< docsref "/utilities/borders" >}}), you can use `.img-thumbnail` to give an image a rounded 1px border appearance.
-
-{{< example >}}
-{{< placeholder width="200" height="200" class="img-thumbnail" title="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera" >}}
-{{< /example >}}
-
-## Aligning images
-
-Align images with the [helper float classes]({{< docsref "/utilities/float" >}}) or [text alignment classes]({{< docsref "/utilities/text#text-alignment" >}}). `block`-level images can be centered using [the `.mx-auto` margin utility class]({{< docsref "/utilities/spacing#horizontal-centering" >}}).
-
-{{< example >}}
-{{< placeholder width="200" height="200" class="rounded float-start" >}}
-{{< placeholder width="200" height="200" class="rounded float-end" >}}
-{{< /example >}}
-
-
-{{< example >}}
-{{< placeholder width="200" height="200" class="rounded mx-auto d-block" >}}
-{{< /example >}}
-
-{{< example >}}
-
-{{< /example >}}
-
-
-## Picture
-
-If you are using the `` element to specify multiple `` elements for a specific ``, make sure to add the `.img-*` classes to the `` and not to the `` tag.
-
-```html
-
-
-
-
-```
-
-## CSS
-
-### Sass variables
-
-Variables are available for image thumbnails.
-
-{{< scss-docs name="thumbnail-variables" file="scss/_variables.scss" >}}
diff --git a/site/content/docs/5.3/examples/_index.md b/site/content/docs/5.3/examples/_index.md
deleted file mode 100644
index 75ea520100..0000000000
--- a/site/content/docs/5.3/examples/_index.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-layout: single
-title: Examples
-description: Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.
-aliases: "/examples/"
----
diff --git a/site/content/docs/5.3/helpers/color-background.md b/site/content/docs/5.3/helpers/color-background.md
deleted file mode 100644
index 780662e964..0000000000
--- a/site/content/docs/5.3/helpers/color-background.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-layout: docs
-title: Color and background
-description: Set a background color with contrasting foreground color.
-group: helpers
-toc: true
-added:
- version: "5.2"
----
-
-## Overview
-
-Color and background helpers combine the power of our [`.text-*` utilities]({{< docsref "/utilities/colors" >}}) and [`.bg-*` utilities]({{< docsref "/utilities/background" >}}) in one class. Using our Sass `color-contrast()` function, we automatically determine a contrasting `color` for a particular `background-color`.
-
-{{< callout warning >}}
-**Heads up!** There's currently no support for a CSS-native `color-contrast` function, so we use our own via Sass. This means that customizing our theme colors via CSS variables may cause color contrast issues with these utilities.
-{{< /callout >}}
-
-{{< example >}}
-{{< text-bg.inline >}}
-{{- range (index $.Site.Data "theme-colors") }}
-
{{ .name | title }} with contrasting color
-{{- end -}}
-{{< /text-bg.inline >}}
-{{< /example >}}
-
-{{< callout info >}}
-{{< partial "callouts/warning-color-assistive-technologies.md" >}}
-{{< /callout >}}
-
-## With components
-
-Use them in place of combined `.text-*` and `.bg-*` classes, like on [badges]({{< docsref "/components/badge#background-colors" >}}):
-
-{{< example >}}
-Primary
-Info
-{{< /example >}}
-
-Or on [cards]({{< docsref "/components/card#background-and-color" >}}):
-
-{{< example >}}
-
-
Header
-
-
Some quick example text to build on the card title and make up the bulk of the card's content.
-
-
-
-
Header
-
-
Some quick example text to build on the card title and make up the bulk of the card's content.
-
-
-{{< /example >}}
diff --git a/site/content/docs/5.3/helpers/colored-links.md b/site/content/docs/5.3/helpers/colored-links.md
deleted file mode 100644
index 6a3dbe4b7b..0000000000
--- a/site/content/docs/5.3/helpers/colored-links.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-layout: docs
-title: Colored links
-description: Colored links with hover states
-group: helpers
-toc: true
----
-
-## Link colors
-
-You can use the `.link-*` classes to colorize links. Unlike the [`.text-*` classes]({{< docsref "/utilities/colors" >}}), these classes have a `:hover` and `:focus` state. Some of the link styles use a relatively light foreground color, and should only be used on a dark background in order to have sufficient contrast.
-
-{{< callout info >}}
-**Heads up!** `.link-body-emphasis` is currently the only colored link that adapts to color modes. It's treated as a special case until v6 arrives and we can more thoroughly rebuild our theme colors for color modes. Until then, it's a unique, high-contrast link color with custom `:hover` and `:focus` styles. However, it still responds to the new link utilities.
-{{< /callout >}}
-
-{{< example >}}
-{{< colored-links.inline >}}
-{{- range (index $.Site.Data "theme-colors") }}
-
-{{< /example >}}
diff --git a/site/content/docs/5.3/layout/utilities.md b/site/content/docs/5.3/layout/utilities.md
deleted file mode 100644
index 009d2416d1..0000000000
--- a/site/content/docs/5.3/layout/utilities.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-layout: docs
-title: Utilities for layout
-description: For faster mobile-friendly and responsive development, Bootstrap includes dozens of utility classes for showing, hiding, aligning, and spacing content.
-group: layout
-toc: true
----
-
-## Changing `display`
-
-Use our [display utilities]({{< docsref "/utilities/display" >}}) for responsively toggling common values of the `display` property. Mix it with our grid system, content, or components to show or hide them across specific viewports.
-
-## Flexbox options
-
-Bootstrap 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]({{< docsref "/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]({{< docsref "/utilities/flex" >}}) for sizing, alignment, spacing, and more.
-
-## Margin and padding
-
-Use the `margin` and `padding` [spacing utilities]({{< docsref "/utilities/spacing" >}}) to control how elements and components are spaced and sized. Bootstrap includes a six-level scale for spacing utilities, based on a `1rem` value default `$spacer` variable. Choose values for all viewports (e.g., `.me-3` for `margin-right: 1rem` in LTR), or pick responsive variants to target specific viewports (e.g., `.me-md-3` for `margin-right: 1rem` —in LTR— starting at the `md` breakpoint).
-
-## Toggle `visibility`
-
-When toggling `display` isn't needed, you can toggle the `visibility` of an element with our [visibility utilities]({{< docsref "/utilities/visibility" >}}). Invisible elements will still affect the layout of the page, but are visually hidden from visitors.
diff --git a/site/content/docs/5.3/utilities/borders.md b/site/content/docs/5.3/utilities/borders.md
deleted file mode 100644
index b4fa2f4138..0000000000
--- a/site/content/docs/5.3/utilities/borders.md
+++ /dev/null
@@ -1,194 +0,0 @@
----
-layout: docs
-title: Borders
-description: Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
-group: utilities
-toc: true
----
-
-## Border
-
-Use border utilities to add or remove an element's borders. Choose from all borders or one at a time.
-
-### Additive
-
-Add borders to custom elements:
-
-{{< example class="bd-example-border-utils" >}}
-
-
-
-
-
-{{< /example >}}
-
-### Subtractive
-
-Or remove borders:
-
-{{< example class="bd-example-border-utils" >}}
-
-
-
-
-
-{{< /example >}}
-
-## Color
-
-{{< callout info >}}
-Border utilities like `.border-*` that generated from our original `$theme-colors` Sass map don't yet respond to color modes, however, any `.border-*-subtle` utility will. This will be resolved in v6.
-{{< /callout >}}
-
-Change the border color using utilities built on our theme colors.
-
-{{< example class="bd-example-border-utils" >}}
-{{< border.inline >}}
-{{- range (index $.Site.Data "theme-colors") }}
-
-
-{{- end -}}
-{{< /border.inline >}}
-
-
-{{< /example >}}
-
-Or modify the default `border-color` of a component:
-
-{{< example >}}
-
-
-
-
-
-
- Dangerous heading
-
-
-
- Changing border color and width
-
-{{< /example >}}
-
-## Opacity
-
-{{< added-in "5.2.0" >}}
-
-Bootstrap `border-{color}` utilities are generated with Sass using CSS variables. This allows for real-time color changes without compilation and dynamic alpha transparency changes.
-
-### How it works
-
-Consider our default `.border-success` utility.
-
-```css
-.border-success {
- --bs-border-opacity: 1;
- border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
-}
-```
-
-We use an RGB version of our `--bs-success` (with the value of `25, 135, 84`) CSS variable and attached a second CSS variable, `--bs-border-opacity`, for the alpha transparency (with a default value `1` thanks to a local CSS variable). That means anytime you use `.border-success` now, your computed `color` value is `rgba(25, 135, 84, 1)`. The local CSS variable inside each `.border-*` class avoids inheritance issues so nested instances of the utilities don't automatically have a modified alpha transparency.
-
-### Example
-
-To change that opacity, override `--bs-border-opacity` via custom styles or inline styles.
-
-{{< example >}}
-
This is default success border
-
This is 50% opacity success border
-{{< /example >}}
-
-Or, choose from any of the `.border-opacity` utilities:
-
-{{< example >}}
-
This is default success border
-
This is 75% opacity success border
-
This is 50% opacity success border
-
This is 25% opacity success border
-
This is 10% opacity success border
-{{< /example >}}
-
-## Width
-
-{{< example class="bd-example-border-utils" >}}
-
-
-
-
-
-{{< /example >}}
-
-## Radius
-
-Add classes to an element to easily round its corners.
-
-{{< example class="bd-example-rounded-utils" >}}
-{{< placeholder width="75" height="75" class="rounded" title="Example rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-top" title="Example top rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-end" title="Example right rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-bottom" title="Example bottom rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-start" title="Example left rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-circle" title="Completely round image" >}}
-{{< placeholder width="150" height="75" class="rounded-pill" title="Rounded pill image" >}}
-{{< /example >}}
-
-### Sizes
-
-Use the scaling classes for larger or smaller rounded corners. Sizes range from `0` to `5`, and can be configured by modifying the utilities API.
-
-{{< example class="bd-example-rounded-utils" >}}
-{{< placeholder width="75" height="75" class="rounded-0" title="Example non-rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-1" title="Example small rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-2" title="Example default rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-3" title="Example large rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-4" title="Example larger rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-5" title="Example extra large rounded image" >}}
-{{< /example >}}
-
-{{< example class="bd-example-rounded-utils" >}}
-{{< placeholder width="75" height="75" class="rounded-bottom-1" title="Example small rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-start-2" title="Example default left rounded image" >}}
-{{< placeholder width="75" height="75" class="rounded-end-circle" title="Example right completely round image" >}}
-{{< placeholder width="75" height="75" class="rounded-start-pill" title="Example left rounded pill image" >}}
-{{< placeholder width="75" height="75" class="rounded-5 rounded-top-0" title="Example extra large bottom rounded image" >}}
-{{< /example >}}
-
-## CSS
-
-### Variables
-
-{{< added-in "5.2.0" >}}
-
-{{< scss-docs name="root-border-var" file="scss/_root.scss" >}}
-
-### Sass variables
-
-{{< scss-docs name="border-variables" file="scss/_variables.scss" >}}
-
-{{< scss-docs name="border-radius-variables" file="scss/_variables.scss" >}}
-
-Variables for setting `border-color` in `.border-*-subtle` utilities in light and dark mode:
-
-{{< scss-docs name="theme-border-subtle-variables" file="scss/_variables.scss" >}}
-
-{{< scss-docs name="theme-border-subtle-dark-variables" file="scss/_variables-dark.scss" >}}
-
-### Sass maps
-
-Color mode adaptive border colors are also available as a Sass map:
-
-{{< scss-docs name="theme-border-subtle-map" file="scss/_maps.scss" >}}
-
-{{< scss-docs name="theme-border-subtle-dark-map" file="scss/_maps.scss" >}}
-
-### Sass mixins
-
-{{< scss-docs name="border-radius-mixins" file="scss/mixins/_border-radius.scss" >}}
-
-### Sass utilities API
-
-Border utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}})
-
-{{< scss-docs name="utils-borders" file="scss/_utilities.scss" >}}
-
-{{< scss-docs name="utils-border-radius" file="scss/_utilities.scss" >}}
diff --git a/site/content/docs/5.3/utilities/object-fit.md b/site/content/docs/5.3/utilities/object-fit.md
deleted file mode 100644
index 732a8fec98..0000000000
--- a/site/content/docs/5.3/utilities/object-fit.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-layout: docs
-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 `
-
- {{ .name }} @{{ .user }}
-
-
- {{ end -}}
-