v5: Drop .media

scss/bootstrap.scss

@@ -31,7 +31,6 @@
 @import "jumbotron";
 @import "alert";
 @import "progress";
-@import "media";
 @import "list-group";
 @import "close";
 @import "toasts";

site/content/docs/4.3/layout/overview.md

@@ -1,7 +1,7 @@
 ---
 layout: docs
 title: Overview
-description: Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, a flexible media object, and responsive utility classes.
+description: Components and options for laying out your Bootstrap project, including wrapping containers, a powerful grid system, and responsive utility classes.
 group: layout
 aliases: "/docs/4.3/layout/"
 toc: true

site/content/docs/4.3/migration.md

@@ -43,7 +43,7 @@ Changes to our source and compiled JavaScript files.
 
 Changes to any layout tools and our grid system.
 
-- Dropped `.media` component as it can be built with utility classes
+- Dropped `.media` component as it can be built with utility classes. [See #28265](https://github.com/twbs/bootstrap/pull/28265).
 - **Todo:** Remove `position: relative` from grid columns
 - **Todo:** Integrate CSS grid into our grid system
 

site/content/docs/4.3/utilities/stretched-link.md

@@ -22,13 +22,13 @@ Multiple links and tap targets are not recommended with stretched links. However
 </div>
 {{< /example >}}
 
-Media objects do not have `position: relative` by default, so we need to add the `.position-relative` here to prevent the link from stretching outside the media object.
+Most custom components do not have `position: relative` by default, so we need to add the `.position-relative` here to prevent the link from stretching outside the parent element.
 
 {{< example >}}
-<div class="media position-relative">
-  {{< placeholder width="144" height="144" class="mr-3" text="false" title="Generic placeholder image" >}}
-  <div class="media-body">
-    <h5 class="mt-0">Media with stretched link</h5>
+<div class="d-flex position-relative">
+  {{< placeholder width="144" height="144" class="flex-shrink-0 mr-3" text="false" title="Generic placeholder image" >}}
+  <div>
+    <h5 class="mt-0">Custom component with stretched link</h5>
     <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
     <a href="#" class="stretched-link">Go somewhere</a>
   </div>

site/data/nav.yml

@@ -41,7 +41,6 @@
     - title: Input group
     - title: Jumbotron
     - title: List group
-    - title: Media object
     - title: Modal
     - title: Navs
     - title: Navbar