twitter/bootstrap — Issue #1373: [2.0-wip] Thumbnail containers not wide enough in response layout of 1210px
Author: danielcha
Created: 2012-01-29 11:21:00+00:00
State: open

I don't think this is really a bug, but the 2.0 wip version contains some less CSS that makes the layout responsive (in bootstrap-responsive). There is a part commented out that applies new styles for a min-width of 1210px. This all works very nice, until I made a thumbnail grid of 6 (span2).

The problem with this is that the class:

[class*="span"] {
margin-left: 30px;
}

is being overwritten by the margin of:

.thumbnails > li {
float: left;
margin: 0 0 18px 20px;
}

A possible solution is to either add a media overwrite of 28px instead of 20 in thumbnails > li. However the layout will be 2 pixels to short in order to be as wide as the rest of the design.