Twitter Bootstrap响应式缩略图:如何治疗第二行的缩进？

Question

我有以下示例:http://jsfiddle.net/Q5dXc/show/

知道如何在第4个缩略图后修复缩进？

以下是来源:http://jsfiddle.net/Q5dXc/

查看"更多示例"标题下的文档,我可以看到他们的第2行示例,但我无法使其工作.

有任何想法吗？提前致谢.

Answer 1

我发现了同样的问题,并没有找到一个优雅的解决方案.我正在使用这个小黑客:

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

请注意,长序列li是IE方式,您必须为每一行添加其中一个.

Answer 2

他们在演示中并没有很好地解释它，但如果您使用<div class="row-fluid">它周围的内容，则必须为下一行缩略图再制作一行。如果您只想制作一堆不是的缩略图，fluid则可以使用常规<div>或<p>. 这应该作为针对 Bootstrap 的问题提出，以便可以修复。