我有以下布局,使用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。
这是一个记录在案的做法,还是只是偶然工作,在某些情况下/某些浏览器可能会有缺点?
答案 0 :(得分:1)
没关系,并且有记录。看看thumbnails section文档,你会看到这种做法的一个例子
顺便说一下,如果您要显示一组图像,则应使用thumbnails
。
编辑:
尽管如此,但在row-fluid
内进行此操作时存在一个已知问题。所以现在只支持静态内容。