responsive thumbnails: how to cure indentation on 2+ rows?

[ghost]

I have the following example: http://jsfiddle.net/Q5dXc/show/

Any idea how I can cure the indentation after the 4th thumbnail?

Here is the source: http://jsfiddle.net/Q5dXc/

Looking at the documentation under the 'more examples' heading, I can see the '2 row' example but I can't make it work without the indentation appearing.

Also please see: http://stackoverflow.com/questions/12214522/twitter-bootstrap-responsive-thumbnails-how-to-cure-indentation-on-second-row

[var-foo]

You have to wrap the 2nd row in a row-fluid div. This will cut the left margin off of the first child of the row, thus making your 2 rows line up with eachother.

[mdo]

For now, this is something you'll have to resolve yourself.

[ghost]

Thanks for the update - This sort of thing also works (but not in IE):

.thumbnails .span4:nth-child(3n+1) {
margin-left:0;
}