diff --git a/site/content/docs/5.1/content/images.md b/site/content/docs/5.1/content/images.md index f1012efbf557..9d13ef4fb815 100644 --- a/site/content/docs/5.1/content/images.md +++ b/site/content/docs/5.1/content/images.md @@ -1,14 +1,14 @@ --- layout: docs title: Images -description: Documentation and examples for opting images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes. +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 element. +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" >}}