mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00
Code Activity

fix #2296: allow fluid thumbnails

Browse Source
This commit is contained in:
Mark Otto
2012-04-01 01:05:00 -07:00
parent fe05f9aeb2
commit 647f1c98ed
6 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/responsive-1200px-min.less
+3
View File
@@ -16,5 +16,8 @@
.thumbnails {
margin-left: -30px;
}
.row-fluid .thumbnails {
margin-left: 0;
}
}
less/tests/css-tests.html
+22 -1
View File
@@ -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
+4
View File
@@ -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 {