use :extend(.img-responsive) in Carousel's Less

diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 329b4fa2ed0f49e2502d5f0be5dac0a2d3153061..ab259fa6a0dfb1b616893f11de518fdf6797fd78 100644 (file)
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -307,7 +307,9 @@ figure {
 img {
   vertical-align: middle;
 }
-.img-responsive {
+.img-responsive,
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
   display: block;
   max-width: 100%;
   height: auto;
@@ -5421,9 +5423,6 @@ button.close {
 }
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
-  display: block;
-  max-width: 100%;
-  height: auto;
   line-height: 1;
 }
 .carousel-inner > .active,

diff --git a/less/carousel.less b/less/carousel.less
index e53365df43bb0414b1cafb4690ab4047d9249550..2229d55533e7748bedf1c10f8961464d9ff05110 100644 (file)
--- a/less/carousel.less
+++ b/less/carousel.less
@@ -21,7 +21,7 @@
     // Account for jankitude on images
     > img,
     > a > img {
-      .img-responsive();
+      &:extend(.img-responsive);
       line-height: 1;
     }
   }