From 08b3515fd7dfa76cdbb92d52a15d6797f3a1c4ed Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Jul 2013 19:42:26 -0700 Subject: fixes #8345: use inline-block on .img-responsive --- less/mixins.less | 2 -- less/scaffolding.less | 2 +- less/thumbnails.less | 7 ++----- 3 files changed, 3 insertions(+), 8 deletions(-) (limited to 'less') diff --git a/less/mixins.less b/less/mixins.less index 6a24beb03..7d93843b9 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -411,8 +411,6 @@ td& { display: table-cell !important; } } - - // Grid System // ----------- diff --git a/less/scaffolding.less b/less/scaffolding.less index 79447c3f5..88b6c7c6e 100644 --- a/less/scaffolding.less +++ b/less/scaffolding.less @@ -64,7 +64,7 @@ img { // Responsive images (ensure images don't scale beyond their parents) .img-responsive { - display: block; + display: inline-block; max-width: 100%; // Part 1: Set a maximum relative to the parent height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching } diff --git a/less/thumbnails.less b/less/thumbnails.less index b15b8d25a..1f896708d 100644 --- a/less/thumbnails.less +++ b/less/thumbnails.less @@ -17,15 +17,12 @@ border-radius: @thumbnail-border-radius; .transition(all .2s ease-in-out); } -.thumbnail > img, -.img-thumbnail { - .img-responsive(); -} .thumbnail { display: block; } +.thumbnail > img, .img-thumbnail { - display: inline-block; + .img-responsive(); } // Add a hover state for linked versions only -- cgit v1.2.3