Combine .thumbnail and .img-thumbnail into simpler selectors

docs/assets/css/bootstrap.css

@@ -262,19 +262,6 @@ img {
   border-radius: 6px;
 }
 
-.img-thumbnail {
-  display: block;
-  display: inline-block;
-  padding: 4px;
-  line-height: 20px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  -webkit-transition: all 0.2s ease-in-out;
-     -moz-transition: all 0.2s ease-in-out;
-       -o-transition: all 0.2s ease-in-out;
-          transition: all 0.2s ease-in-out;
-}
-
 .img-circle {
   border-radius: 500px;
 }
@@ -3932,8 +3919,8 @@ button.close {
   margin-top: 5px;
 }
 
-.thumbnail {
+.thumbnail,
-  display: block;
+.img-thumbnail {
   padding: 4px;
   line-height: 20px;
   border: 1px solid #ddd;
@@ -3944,6 +3931,14 @@ button.close {
           transition: all 0.2s ease-in-out;
 }
 
+.thumbnail {
+  display: block;
+}
+
+.img-thumbnail {
+  display: inline-block;
+}
+
 a.thumbnail:hover {
   border-color: #428bca;
 }

less/scaffolding.less

@@ -78,10 +78,7 @@ img {
 }
 
 // Image thumbnails
-.img-thumbnail {
+// See thumbnails.less for `.img-thumbnail`
-  .thumbnail();
-  display: inline-block;
-}
 
 // Perfect circle
 .img-circle {

less/thumbnails.less

@@ -3,15 +3,26 @@
 // --------------------------------------------------
 
 
-// The actual thumbnail (can be `a` or `div`)
+// Base classes
-.thumbnail {
+// For thumbnail block-level composite components and simple image styles
-  display: block;
+
+// The actual thumbnailed element
+// Can be `a`, `div`, or `img`
+.thumbnail,
+.img-thumbnail {
   padding: 4px;
   line-height: @line-height-base;
   border: 1px solid #ddd;
   border-radius: @border-radius-base;
   .transition(all .2s ease-in-out);
 }
+.thumbnail {
+  display: block;
+}
+.img-thumbnail {
+  display: inline-block;
+}
+
 // Add a hover state for linked versions only
 a.thumbnail:hover {
   border-color: @link-color;