Wie man mehr als spezifische Spalte in Laravel Blade

Question

generiert

In meinem Fall dreht sich alles um Preistabelle.

die Regel bestimmte Spalte in der Preistabelle 3

So ist standardmäßig ich mehr als 3 Preis schaffen kann, aber es wird die Ansicht brechen, weil die Aussicht für 3 Preis Spalte in einer Reihe ausgelegt ist.

Normalerweise mache ich das in Aussicht

<Div class="row"> 
@foreach($products as $product) 
<Div class="col"> 
Pricings detail goes here. 
</Div> 
@endforeach 
</Div> 
<Div class="clear break"></div> 

Also, wenn der Preis 3 ist die Ansicht in Ordnung sein wird, aber es wird brechen, wenn mehr als 3

Preis Wie kann ich mich mit dieser Situation umgehen kann?

Meine Logik ist bisher erstellen neue Zeile und deaktivieren Pause Klasse, wenn Preise durch 3 geteilt wird dezimal wie diese Simulation ist.

Preistabelle 3 durch div 3 = 1 row n 1 klaren Bruch

Preistabelle 4 durch div 3 = 1.xx SO 2 Zeile n 2 klaren Bruch

Preistabelle 6 div durch 3 = 2 SO 2 row n 2 klarer Bruch

Preistabelle 8 div durch 3 = 2.xx SO3 Zeile n 3 klarer Bruch

Mit obiger Logik sollte es nicht die Sicht brechen.

Vielen Dank im Voraus.

Answer 1

Wenn ich Sie richtig verstehe, möchten Sie nur maximal 3 Spalten in jeder Zeile, und wenn Produkte übrig sind, möchten Sie sie zu einer neuen Zeile hinzufügen.

würden Sie in der Lage sein, es so etwas zu tun:

<div class="row"> 
@foreach($products as $product) 
    @if($loop->index % 3 == 0) 
    <div class="clear break"></div> 
    <div class="row"> 
    @endif 
    <div class="col"></div> 
@endforeach 
</div> 

die Schleifenvariable Mit (see the documentation) Sie können prüfen, wie viele Male Sie geschleift. Auf diese Weise können Sie eine neue Zeile beginnen, bevor eine 4. Spalte hinzugefügt wird.