Estoy usando angular.js y (por el bien del argumento) bootstrap. Ahora necesito iterar sobre "cosas" y mostrarlas en "filas":

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

Ahora, ¿cómo puedo cerrar mi.row div en cada tercera cosa con angular? Intenté ui-si de angi-ui pero incluso eso no lo hace.

Si tuviera que usar la representación del lado del servidor, haría algo como esto (la sintaxis JSP aquí, pero no importa):

<div class="row>
  <c:forEach items="${things}" var="thing" varStatus="i">
    <div class="span4">
        ..
    </div>
  <%-- Here is the trick:--%>
  <c:if test="${i.index % 3 == 2}">
          </div><div class="row">
  </c:if>
  </c:forEach>
</div>

Tenga en cuenta que necesito modificar el DOM aquí, no solo los elementos que ocultan css. Intenté con la repetición en el.row y.span4 Divs, sin resultado.