Eu tenho uma visualização blade (Laravel 5) que lista todos os produtos desta maneira:

<div class="row">
    @foreach($products as $p)
        <div class="col-lg-4 col-md-6 col-sm-6">
            <a class="thumbnail" href="#?">
                <img src="{{ asset('img/logo.png') }}" alt=""/>
            </a>
            <h5>{{ $p->name }}</h5>
            <p>{{ $p->details }}</p>
        </div>
    @endforeach
</div>

O que estou tentando fazer é forçar o sistema de grade a colocar 3 colunas em cada linha em desktops e 2 em tablets. Ouvi dizer que posso usar um clearfix, mas quando o adiciono logo antes@endforeach como isso:<div class="clearfix visible-lg"></div> Recebo um layout de 'uma coluna', em vez de três colunas por linha. O que estou achando difícil de entender é como adicionar o clearfix para forçar uma 'nova linha' (se essa é realmente a abordagem correta).