mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-22 21:22:52 +02:00
Code Issues Releases Wiki 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

BIN
docs/assets/bootstrap.zip
View File

Binary file not shown.

3
docs/assets/css/bootstrap-responsive.css vendored
View File

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

3
docs/assets/css/bootstrap.css vendored
View File

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

3
less/responsive-1200px-min.less
View File

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

23
less/tests/css-tests.html
View File

@@ -421,7 +421,28 @@
</li> </li>
</ul> </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>

4
less/thumbnails.less
View File

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