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