Skip to content

Commit bfc4ea0

Browse files
authored
v6: remove figure-img from image docs (twbs#42457)
1 parent 42e2a8c commit bfc4ea0

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

site/src/content/docs/content/images.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -32,19 +32,19 @@ Align images with the [helper float classes]([[docsref:/utilities/float]]) or [t
3232

3333
## Figures
3434

35-
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]]).
35+
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]]).
3636

37-
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.
37+
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.
3838

3939
<Example code={`<figure class="figure">
40-
<Placeholder width="400" height="300" class="figure-img img-fluid rounded-3" />
40+
<Placeholder width="400" height="300" class="img-fluid rounded-3" />
4141
<figcaption class="figure-caption">A caption for the above image.</figcaption>
4242
</figure>`} />
4343

4444
And with a reverse alignment:
4545

4646
<Example code={`<figure class="figure align-items-end"><!-- [!code highlight] -->
47-
<Placeholder width="400" height="300" class="figure-img img-fluid rounded-3" />
47+
<Placeholder width="400" height="300" class="img-fluid rounded-3" />
4848
<figcaption class="figure-caption">A caption for the above image.</figcaption>
4949
</figure>`} />
5050

0 commit comments

Comments
 (0)