]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
v6: remove figure-img from image docs (#42457)
authorChristian Oliff <christian_oliff@trimble.com>
Tue, 2 Jun 2026 15:25:35 +0000 (00:25 +0900)
committerGitHub <noreply@github.com>
Tue, 2 Jun 2026 15:25:35 +0000 (08:25 -0700)
site/src/content/docs/content/images.mdx

index 3a6f0fc7c9a47374e95b3c242c10755657130936..47c6fabd8869f8be5455614cde00e41e0686ec9b 100644 (file)
@@ -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>`} />