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.