Question

就我而言，这完全取决于定价表。

定价表中的特定列通常为3

因此，默认情况下，我可以创建3个以上的定价，但它会破坏视图，因为该视图是为连续3个定价列设计的。

通常我会在视图中执行此操作

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

因此，如果定价为3，则视图可以正常，但如果定价超过3，它将会中断。

我如何处理这种情况？

到目前为止，我的逻辑是创建新行和清除中断类，如果价格除以3是十进制，就像这个模拟一样。

Pricings 3 div by 3 = 1 row n 1 clear break

Pricings 4 div by 3 = 1.xx so 2 row n 2 clear break

Pricings 6 div by 3 = 2 so 2 row n 2 clear break

Pricings 8 div by 3 = 2.xx so 3 row n 3 clear break

凭借上述逻辑，它不应该打破观点。

提前致谢。

Answer 1

如果我理解正确，您只希望每行最多包含3列，如果还有任何产品，则需要将它们添加到新行。

你可以用这样的东西来做：

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

使用循环变量(see the documentation)，您可以检查循环次数。这样，您可以在添加第4列之前开始新行。

如何在Laravel Blade中生成超过特定列

1 个答案: