From: Christian Oliff <christian_oliff@trimble.com>
Date: Tue, 2 Jun 2026 15:25:35 +0000 (+0900)
Subject: v6: remove figure-img from image docs (#42457)
X-Git-Url: http://git.ipfire.org/gitweb/index.cgi?a=commitdiff_plain;h=bfc4ea00ce6e73bc02a5db732061e0a111f269fd;p=thirdparty%2Fbootstrap.git

v6: remove figure-img from image docs (#42457)
---

diff --git a/site/src/content/docs/content/images.mdx b/site/src/content/docs/content/images.mdx
index 3a6f0fc7c9..47c6fabd88 100644
--- a/site/src/content/docs/content/images.mdx
+++ b/site/src/content/docs/content/images.mdx
@@ -32,19 +32,19 @@ Align images with the [helper float classes]([[docsref:/utilities/float]]) or [t
 
 ## Figures
 
-Anytime you need to display a piece of content—like an image with an optional caption, consider using a `<figure>` Figures are flex containers in Bootstrap, so you can easily modify the layout and alignment with our [flex utilities]([[docsref:/utilities/flex]]).
+Anytime you need to display a piece of content—like an image with an optional caption, consider using a `<figure>` element. Figures are flex containers in Bootstrap, so you can easily modify the layout and alignment with our [flex utilities]([[docsref:/utilities/flex]]).
 
-Use the included `.figure`, `.figure-img` and `.figure-caption` classes to provide some baseline styles for the HTML5 `<figure>` and `<figcaption>` elements. Images in figures have no explicit size, so be sure to add the `.img-fluid` class to your `<img>` to make it responsive.
+Use the included `.figure` and `.figure-caption` classes to provide some baseline styles for the HTML5 `<figure>` and `<figcaption>` elements. Images in figures have no explicit size, so be sure to add the `.img-fluid` class to your `<img>` to make it responsive.
 
 <Example code={`<figure class="figure">
-    <Placeholder width="400" height="300" class="figure-img img-fluid rounded-3" />
+    <Placeholder width="400" height="300" class="img-fluid rounded-3" />
     <figcaption class="figure-caption">A caption for the above image.</figcaption>
   </figure>`} />
 
 And with a reverse alignment:
 
 <Example code={`<figure class="figure align-items-end"><!-- [!code highlight] -->
-    <Placeholder width="400" height="300" class="figure-img img-fluid rounded-3" />
+    <Placeholder width="400" height="300" class="img-fluid rounded-3" />
     <figcaption class="figure-caption">A caption for the above image.</figcaption>
   </figure>`} />