diff options
| author | cdalexndr <[email protected]> | 2021-09-08 14:40:45 +0300 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2021-09-13 22:19:13 -0600 |
| commit | 55a352d02304cb0012194c33b8b50f9426b53f94 (patch) | |
| tree | d30ead9cf348df7670312b64e6215151942fc694 /site | |
| parent | c9af4565fdc13eff025736e574ea10690fd21a39 (diff) | |
| download | bootstrap-55a352d02304cb0012194c33b8b50f9426b53f94.tar.xz bootstrap-55a352d02304cb0012194c33b8b50f9426b53f94.zip | |
Fix responsive img docs
https://github.com/twbs/bootstrap/issues/34885
Diffstat (limited to 'site')
| -rw-r--r-- | site/content/docs/5.1/content/images.md | 4 |
1 files 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 f1012efbf..9d13ef4fb 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" >}} |