From: cdalexndr Date: Wed, 8 Sep 2021 11:40:45 +0000 (+0300) Subject: Fix responsive img docs X-Git-Tag: v5.1.2~39 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=55a352d02304cb0012194c33b8b50f9426b53f94;p=thirdparty%2Fbootstrap.git Fix responsive img docs https://github.com/twbs/bootstrap/issues/34885 --- diff --git a/site/content/docs/5.1/content/images.md b/site/content/docs/5.1/content/images.md index f1012efbf5..9d13ef4fb8 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" >}}