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

1 files changed, 5 insertions, 9 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;