{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/16120","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/16120/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/16120/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/16120/events","html_url":"https://github.com/twbs/bootstrap/issues/16120","id":63390523,"number":16120,"title":".img-thumbnail inside .media-left renders differently in Chrome than in Firefox","user":{"login":"gws","id":111252,"avatar_url":"https://avatars.githubusercontent.com/u/111252?v=3","gravatar_id":"","url":"https://api.github.com/users/gws","html_url":"https://github.com/gws","followers_url":"https://api.github.com/users/gws/followers","following_url":"https://api.github.com/users/gws/following{/other_user}","gists_url":"https://api.github.com/users/gws/gists{/gist_id}","starred_url":"https://api.github.com/users/gws/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gws/subscriptions","organizations_url":"https://api.github.com/users/gws/orgs","repos_url":"https://api.github.com/users/gws/repos","events_url":"https://api.github.com/users/gws/events{/privacy}","received_events_url":"https://api.github.com/users/gws/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/twbs/bootstrap/labels/confirmed","name":"confirmed","color":"b94a48"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/css","name":"css","color":"563d7c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-03-21T10:49:49Z","updated_at":"2015-04-24T01:10:40Z","closed_at":null,"body":"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.\r\n\r\nFirefox: 36.0.1\r\nChrome: 41.0.2272.76\r\n\r\nI've got a minimal example of the behavior:\r\n\r\nhttp://jsbin.com/lunohawexo/2\r\n\r\nIn 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.\r\n\r\nAt 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.\r\n\r\nThanks!"},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/95766215","html_url":"https://github.com/twbs/bootstrap/issues/16120#issuecomment-95766215","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/16120","id":95766215,"user":{"login":"thomasphorton","id":2005817,"avatar_url":"https://avatars.githubusercontent.com/u/2005817?v=3","gravatar_id":"","url":"https://api.github.com/users/thomasphorton","html_url":"https://github.com/thomasphorton","followers_url":"https://api.github.com/users/thomasphorton/followers","following_url":"https://api.github.com/users/thomasphorton/following{/other_user}","gists_url":"https://api.github.com/users/thomasphorton/gists{/gist_id}","starred_url":"https://api.github.com/users/thomasphorton/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/thomasphorton/subscriptions","organizations_url":"https://api.github.com/users/thomasphorton/orgs","repos_url":"https://api.github.com/users/thomasphorton/repos","events_url":"https://api.github.com/users/thomasphorton/events{/privacy}","received_events_url":"https://api.github.com/users/thomasphorton/received_events","type":"User","site_admin":false},"created_at":"2015-04-24T01:10:39Z","updated_at":"2015-04-24T01:10:39Z","body":"Chrome doesn't like max-width in table-cell.\r\n\r\nWorking on something along the lines of\r\n```\r\n.img-thumbnail {\r\n  &.media-object {\r\n    max-width: none;\r\n  }\r\n}\r\n```\r\n\r\nin scaffolding.less"}}