Proposal: the way to apply fix for SVG images w/ .img-fluid in IE 9-10 automatically
Created by: juliyvchirkov
as declared at https://getbootstrap.com/docs/4.0/content/images/ IE 9-10 sizes SVG images w/ .img-fluid disproportionately, but no fix is applied automatically 'cause the offered workaround fixes responsivity for SVG images on one hand but breaks it for other image formats on another
the proposal is to add
.img-fluid[src$=.svg] {
width: 100% \9;
}
since the fix «width: 100% \9» is targeted to IE & ignored as malformed by other browsers, & the selector «src$=.svg» forces the rule to be applied only if image url in src attribute has «svg» extension, this should achieve the goal