Estoy haciendo un bucle en una colección de modelos y quiero mostrar un elemento por modelo. Sin embargo, por razones de CSS, debo agregar otro elemento cuando llegue al cuarto modelo (necesito agregar un Bootstrapclearfix elemento para que el diseño se vea bien).

<div class="jumbotron">
    <ol class="row">
        <li *ngFor="#card of deck; #i = index" class="col-xs-3">
            <h3>{{ card.name }}</h3>
        </li>
    </ol>
</div>

Como digo si(i + 1) % 4 === 0, luego agregue estoli más otro<li class="clearfix"></li>?