IE11: Figure with .img-fluid is not resized
Created by: bentrm
The fluid image in a figure container is not resized at all making it overflow the content area.
On MacOS with Safari 11.0.2 it looks fine:
On Win 7 with Internet Explorer 11 .0.9600.18015 it looks like this:
Does seem to be somewhat related to display: inline-block
on figure
as deactivating that property (falling back to 'display: block' makes it look fine on IE11:
There have been related issues (#20970 (closed), #21360 (closed), #21886 (closed), #21888) describing this behavior for older versions of Firefox or which are closed to inactivity. There doesn't seem to be a fix for IE11 (which is a supported version I suppose).
I created a minimal example on JS Bin.