rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases 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
Show Stats 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 {
margin-left: -30px;
}
.row-fluid .thumbnails {
margin-left: 0;
}
}
@media (max-width: 979px) {
body {

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

@ -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;
}

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

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

23
less/tests/css-tests.html
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>

4
less/thumbnails.less
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 {