fixes #9445: make img responsive mixin use display block, but provide option...

fixes #9445: make img responsive mixin use display block, but provide option to pass custom value to it

dist/css/bootstrap.css

@@ -344,12 +344,6 @@ img {
   vertical-align: middle;
 }
 
-.img-responsive {
-  display: inline-block;
-  height: auto;
-  max-width: 100%;
-}
-
 .img-rounded {
   border-radius: 6px;
 }
@@ -4567,7 +4561,7 @@ button.close {
 
 .thumbnail > img,
 .img-thumbnail {
-  display: inline-block;
+  display: block;
   height: auto;
   max-width: 100%;
 }
@@ -4872,7 +4866,7 @@ a.list-group-item.active > .badge,
 
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
-  display: inline-block;
+  display: block;
   height: auto;
   max-width: 100%;
   line-height: 1;

less/scaffolding.less

@@ -73,8 +73,8 @@ img {
 }
 
 // Responsive images (ensure images don't scale beyond their parents)
-.img-responsive {
-  display: inline-block;
+.img-responsive(@display: block;) {
+  display: @display;
   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
 }