From 5d53dfed9459d196f426a2e10bcf14b49c661c2d Mon Sep 17 00:00:00 2001 From: cdalexndr Date: Wed, 8 Sep 2021 14:40:45 +0300 Subject: [PATCH] Fix responsive img docs https://github.com/twbs/bootstrap/issues/34885 --- site/content/docs/5.1/content/images.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) 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" >}}