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

5 files changed, 11 insertions, 18 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 24d2b690c..cb80d5c36 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -329,7 +329,7 @@ img {
 }
 
 .img-responsive {
-  display: block;
+  display: inline-block;
   height: auto;
   max-width: 100%;
 }
@@ -3957,19 +3957,15 @@ button.close {
           transition: all 0.2s ease-in-out;
 }
 
-.thumbnail > img,
-.img-thumbnail {
-  display: block;
-  height: auto;
-  max-width: 100%;
-}
-
 .thumbnail {
   display: block;
 }
 
+.thumbnail > img,
 .img-thumbnail {
   display: inline-block;
+  height: auto;
+  max-width: 100%;
 }
 
 a.thumbnail:hover,
@@ -4308,7 +4304,7 @@ a.list-group-item.active > .badge,
 
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
-  display: block;
+  display: inline-block;
   height: auto;
   max-width: 100%;
   line-height: 1;
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index f07654a98..31047b5d7 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -602,6 +602,7 @@ body {
 }
 .footer-links {
   margin: 10px 0;
+  padding-left: 0;
 }
 .footer-links li {
   display: inline;
@@ -617,7 +618,8 @@ body {
 }
 .bs-social-buttons {
   display: inline-block;
-  margin: 0;
+  margin-bottom: 0;
+  padding-left: 0;
   list-style: none;
 }
 .bs-social-buttons li {
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