fix #2296: allow fluid thumbnails

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 30547f2ba7dd0e035ffbe540e2de5410b989fd0f..badb33c217873746c334afb920c9681859b120e8 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index adb1402c0edb3883f9919bce9d741e0ca675ef44..df663f69f5f65947bc36fe92a2b767641303a663 100644 (file)
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/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 {

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 7d6d80079ceb53e67a666f157e1025255dbb5d98..1b09b7904de4f2973da91a8c3dcddd894424db3d 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/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;
 }

diff --git a/less/responsive-1200px-min.less b/less/responsive-1200px-min.less
index ecb847b37e37cc54ba7a4a23c35e876b63e4137a..3331cfe5b52858928f485cf3f4cb87179f068d93 100644 (file)
--- a/less/responsive-1200px-min.less
+++ b/less/responsive-1200px-min.less
@@ -16,5 +16,8 @@
   .thumbnails {
     margin-left: -30px;
   }
+  .row-fluid .thumbnails {
+    margin-left: 0;
+  }
 
 }

diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html
index 7cf76524b068ce9e174506fe3e6e3ef9f51e9221..255a078b358b48735c26a6bf1d7d5efb65cf61d5 100644 (file)
--- a/less/tests/css-tests.html
+++ b/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>
 
 
 

diff --git a/less/thumbnails.less b/less/thumbnails.less
index 0dfabdf06dc8f7db0e8c8f63b3f347acf75a83b3..7fa77afa9ab63353d96a1dad61c90df997e767c4 100644 (file)
--- a/less/thumbnails.less
+++ b/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 {