Twitter bootstrap Twitter引导响应缩略图:如何修复第二行的缩进?

Twitter bootstrap Twitter引导响应缩略图:如何修复第二行的缩进?,twitter-bootstrap,Twitter Bootstrap,我举了以下例子: 你知道我如何修复第四个缩图后的缩进吗 资料来源如下: 查看“更多示例”标题下的,我可以看到他们的两行示例,但我无法使其工作 有什么想法吗?提前感谢。他们在演示中并没有很好地解释,但是如果你在它周围使用,你必须为下一行缩略图再画一行。如果您只想制作一堆不是流动的缩略图,您可以使用常规的或。这应该作为一个针对引导的问题来提出,这样它就可以被修复。我发现了同样的问题,但没有找到一个优雅的解决方案。我正在使用这个小技巧: .thumbnails .span4:nth-child(3n+

我举了以下例子:

你知道我如何修复第四个缩图后的缩进吗

资料来源如下:

查看“更多示例”标题下的,我可以看到他们的两行示例,但我无法使其工作


有什么想法吗?提前感谢。

他们在演示中并没有很好地解释,但是如果你在它周围使用
,你必须为下一行缩略图再画一行。如果您只想制作一堆不是流动的缩略图,您可以使用常规的
。这应该作为一个针对引导的问题来提出,这样它就可以被修复。

我发现了同样的问题,但没有找到一个优雅的解决方案。我正在使用这个小技巧:

.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方式,您必须为每行添加一个。

这是官方引导github上的一个报告问题,因此我建议任何寻求更多解决方案的人查看-

到目前为止,该问题尚未解决,但不同的用户在那里的评论线程中提交了10多个不同的解决方案。

没有提及响应性设计,而是预定义的
。span*
子项:


…缩略图组件使用现有的网格系统类(如.span2或.span3)来控制缩略图尺寸。

要让
.span2
.span3
.span4
.span6
的孩子,以下内容适用于现代浏览器和Twitter Bootstrap 2.3.2:

.row-fluid .thumbnails .span2:nth-child(6n+1), 
    .row-fluid .thumbnails .span3:nth-child(4n+1), 
    .row-fluid .thumbnails .span4:nth-child(3n+1), 
    .row-fluid .thumbnails .span6:nth-child(2n+1) {
        margin-left: 0;
}