Skip to content

Instantly share code, notes, and snippets.

@muayyad-alsadi
Created June 6, 2013 09:04
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save muayyad-alsadi/5720281 to your computer and use it in GitHub Desktop.
Save muayyad-alsadi/5720281 to your computer and use it in GitHub Desktop.
thumbnails alignment bug fix, see https://github.com/twitter/bootstrap/issues/3494
/* thumbnails alignment bug fix, see https://github.com/twitter/bootstrap/issues/3494 */
.row-fluid .thumbnails [class*="span"] {
margin-left: 2.5641%;
}
.row-fluid .thumbnails [class*="span"]:first-child {
margin-left: 2.5641%;
margin-bottom: 0;
}
/*
>>> for n in range(1,13): m=12.0/n; print ".row-fluid .thumbnails span%d { width: %g%%;}" % (n,(100.0 - 2.5642*(m)) / m)
*/
.row-fluid .thumbnails .span1 { width: 5.76913%;}
.row-fluid .thumbnails .span2 { width: 14.1025%;}
.row-fluid .thumbnails .span3 { width: 22.4358%;}
.row-fluid .thumbnails .span4 { width: 30.7691%;}
.row-fluid .thumbnails .span5 { width: 39.1025%;}
.row-fluid .thumbnails .span6 { width: 47.4358%;}
.row-fluid .thumbnails .span7 { width: 55.7691%;}
.row-fluid .thumbnails .span8 { width: 64.1025%;}
.row-fluid .thumbnails .span9 { width: 72.4358%;}
.row-fluid .thumbnails .span10 { width: 80.7691%;}
.row-fluid .thumbnails .span11 { width: 89.1025%;}
.row-fluid .thumbnails .span12 { width: 97.4358%;}
@media (max-width: 768px) {
.row-fluid .thumbnails [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.564102564102564%;
*margin-left: 2.5109110747408616%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment