.img-thumbnail inside .media-left renders differently in Chrome than in Firefox
Created by: gws
When applying .img-responsive or .img-thumbnail (possibly others) to a .media-object inside .media-left, the media object gets "crushed" horizontally by the .media-body even with an explicit width (and height) set, but just in Chrome - the expected rendering occurs in Firefox. I haven't tested extensively with other browsers.
Firefox: 36.0.1 Chrome: 41.0.2272.76
I've got a minimal example of the behavior:
In the example, the first div.media exhibits the problem in Chrome, and the second div.media does not. Both appear as I expect in Firefox.
At this point I'm not sure if I'm doing something wrong, if this is an issue with Bootstrap's CSS, or a browser bug. I'm hoping somebody more knowledgeable can point me in the right direction.
Thanks!