可以超过父列的列数吗?

时间:2012-09-03 11:12:05

标签: twitter-bootstrap

我有以下布局,使用Twitter Bootstrap:

<div class="row">
    <div class="span8">
        <div class="row">
            <div class="span2"><img src="..."></div>
            <div class="span2"><img src="..."></div>
            <div class="span2"><img src="..."></div>
            <div class="span2"><img src="..."></div>
        </div>
    </div>

    <div class="span4">
        ...
    </div>
</div>

当我需要显示超过4 <img>时,我可以创建另一个row。 但是我注意到,当我在span2内使用超过4 span8时,即使没有创建另一个row,它也会正确地将它们分成几行,渲染方式就像我有手动添加了额外的row s。

这是一个记录在案的做法,还是只是偶然工作,在某些情况下/某些浏览器可能会有缺点?

1 个答案:

答案 0 :(得分:1)

没关系,并且有记录。看看thumbnails section文档,你会看到这种做法的一个例子 顺便说一下,如果您要显示一组图像,则应使用thumbnails

编辑: 尽管如此,但在row-fluid内进行此操作时存在一个已知问题。所以现在只支持静态内容。