使用twitter bootstrap跨度在foreach

Question

你如何在foreach循环中使用twitter spans？

这是我的代码：

<div class="row-fluid"> 
    <?foreach ($photos as $photo) { ?> 
     <div class="span4"> 
      stuff 
     </div> 
    <? }?> 
</div> 

但问题是第四输出（也就是现在的第2行）是偏心的 - 由于保证金/填充到左侧。

我试图避免不得不添加一个计数器，并在每个第三循环后手动插入一个新的'行' - 通过bootstrap/css确实有一个更清洁的方式？

Answer 1

通过使用CSS3的第n个子选择器，可以使用数学对象元素。

.span4:nth-child(3n+1) { 
    /* CSS here */ 
} 

3n个+ 1是其中n是由1递增一个数学函数，所以这将目标元素＃1（3x0 + 1），＃4（3×1 + 1），＃7（3×2 + 1）等。