fix #2296: allow fluid thumbnails

docs/assets/css/bootstrap-responsive.css

@@ -594,6 +594,9 @@
   .thumbnails {
     margin-left: -30px;
   }
+  .row-fluid .thumbnails {
+    margin-left: 0;
+  }
 }
 @media (max-width: 979px) {
   body {

docs/assets/css/bootstrap.css

@@ -3626,6 +3626,9 @@ input[type="submit"].btn.btn-mini {
 .thumbnails:after {
   clear: both;
 }
+.row-fluid .thumbnails {
+  margin-left: 0;
+}
 .thumbnails > li {
   margin-bottom: 18px;
 }

less/responsive-1200px-min.less

@@ -16,5 +16,8 @@
   .thumbnails {
     margin-left: -30px;
   }
+  .row-fluid .thumbnails {
+    margin-left: 0;
+  }
 
 }

less/tests/css-tests.html

@@ -421,7 +421,28 @@
   </li>
 </ul>
 
-
+<h4>Fluid thumbnails</h4>
+<div class="row-fluid">
+  <div class="span8">
+    <ul class="thumbnails">
+      <li class="span4">
+        <a href="#" class="thumbnail">
+          <img src="http://placehold.it/260x180" alt="">
+        </a>
+      </li>
+      <li class="span4">
+        <a href="#" class="thumbnail">
+          <img src="http://placehold.it/260x180" alt="">
+        </a>
+      </li>
+      <li class="span4">
+        <a href="#" class="thumbnail">
+          <img src="http://placehold.it/260x180" alt="">
+        </a>
+      </li>
+    </ul>
+  </div>
+</div>
 
 
 

less/thumbnails.less

@@ -7,6 +7,10 @@
   list-style: none;
   .clearfix();
 }
+// Fluid rows have no left margin
+.row-fluid .thumbnails {
+  margin-left: 0;
+}
 
 // Float li to make thumbnails appear in a row
 .thumbnails > li {