use :extend in thumbnail Less

diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 329b4fa2ed0f49e2502d5f0be5dac0a2d3153061..64762c0b3c653264bfb0fea84331225ac572f142 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,
+.thumbnail > img,
+.thumbnail a > img {
   display: block;
   max-width: 100%;
   height: auto;
@@ -4401,9 +4403,6 @@ a.list-group-item.active > .badge,
 }
 .thumbnail > img,
 .thumbnail a > img {
-  display: block;
-  max-width: 100%;
-  height: auto;
   margin-right: auto;
   margin-left: auto;
 }

diff --git a/less/thumbnails.less b/less/thumbnails.less
index 11aa283a0e3912e951cb8f426056452055e28a51..c428920bc672d660e2b9216f613e6f3451974752 100644 (file)
--- a/less/thumbnails.less
+++ b/less/thumbnails.less
@@ -16,7 +16,7 @@
 
   > img,
   a > img {
-    .img-responsive();
+    &:extend(.img-responsive);
     margin-left: auto;
     margin-right: auto;
   }