Bootstrap clearfix alle 3 Spalten

Ich habe eine Blade-Ansicht (Laravel 5), in der alle Produkte folgendermaßen aufgelistet sind:

<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>

Ich versuche, das Rastersystem zu zwingen, 3 Spalten in jede Zeile auf Desktops und 2 Spalten auf Tablets zu setzen. Ich habe da draußen gehört, dass ich einen Clearfix verwenden kann, aber wenn ich ihn direkt vor @ hinzufü@endforeach so was:<div class="clearfix visible-lg"></div> Ich erhalte ein einspaltiges Layout anstelle von 3 Spalten pro Zeile. Was ich schwer zu verstehen finde, ist, wie man den Clearfix hinzufügt, um eine 'neue Zeile' zu erzwingen (wenn das wirklich der richtige Ansatz ist).

Antworten auf die Frage(10)

Ihre Antwort auf die Frage