fixes #8345: use inline-block on .img-responsive

less/mixins.less

@@ -411,8 +411,6 @@
   td& { display: table-cell !important; }
 }
 
-
-
 // Grid System
 // -----------
 

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
 }

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