From: Mark Otto Date: Thu, 14 May 2020 06:18:01 +0000 (-0700) Subject: v4: Update docs callout for responsive SVG images (#30809) X-Git-Tag: v4.5.1~57 X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=58dd4cc66c486e796ce341b49eabeb5c36677592;p=thirdparty%2Fbootstrap.git v4: Update docs callout for responsive SVG images (#30809) Turns out this applies to IE11 as well as IE10, so this clarifies the docs callout. Closes #25242. Co-authored-by: XhmikosR --- diff --git a/site/docs/4.5/content/images.md b/site/docs/4.5/content/images.md index 3ff822bed5..15b4f2988e 100644 --- a/site/docs/4.5/content/images.md +++ b/site/docs/4.5/content/images.md @@ -19,9 +19,9 @@ Images in Bootstrap are made responsive with `.img-fluid`. `max-width: 100%;` an {% endhighlight %} {% capture callout %} -##### SVG images and IE 10 +##### SVG images and Internet Explorer -In Internet Explorer 10, SVG images with `.img-fluid` are disproportionately sized. To fix this, add `width: 100% \9;` where necessary. This fix improperly sizes other image formats, so Bootstrap doesn't apply it automatically. +In Internet Explorer 10 and 11, SVG images with `.img-fluid` are disproportionately sized. To fix this, add `width: 100%;` or `.w-100` where necessary. This fix improperly sizes other image formats, so Bootstrap doesn't apply it automatically. {% endcapture %} {% include callout.html content=callout type="warning" %}