Margin problems with thumbnails in Bootstrap

Question

I'm doing this: ```

Seller:

Email:

Phone:

Condition:

Open

``` and whenever I have more than 3 items, the thumbnails get misaligned by what looks to be a left margin on the second row.. See image:

Accepted Answer

I would guess that the bootstrap adds a left margin to all elements, except for the first one. You could add a style like this:

```
ul.thumbnails li.span4:nth-child(3n + 4) {
  margin-left : 0px;
}
```

But be aware that this is not compatible with older ie browsers...

another way you could do it, is to add a class to every forth li in your php loop (call it something like `.noLeftMargin`, and set the css accordingly.

Margin problems with thumbnails in Bootstrap

Solution

Problem