我有以下布局,使用 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
. 但是我注意到,当我在 4span2
内使用超过 4 个时span8
,即使没有创建另一个row
,它也会正确地将它们分成几行,呈现与我手动添加额外row
的 s 相同的效果。
这是记录在案的做法,还是只是偶然工作,并且在某些情况下/使用某些浏览器可能有缺点?