php - 每行包含 3 列的循环数据
问题描述
我的问题是每行图像划分 3 列: https ://imgur.com/iYWideu
<div id="list-product">
<div class="row">
@foreach($products as $product)
<div class="col-lg-4 col-md-4">
<a href="{{URL::route('products',['id'=>$product->id])}}">
<div class="card">
<div class="wrap-img-product">
<img src="{{asset($product->gambar)}}" alt="" class="card-img-top">
</div>
<div class="card-body">
<h5 class="card-title">{{$product->name}}</h5>
<p class="card-text">Rp{{number_format($product->harga_jual)}}</p>
</div>
</div>
</a>
</div>
@endforeach
</div>
</div>
所以,我希望每个标签行包含 3 列,
解决方案
只需将您的数据分成 3 个一组并添加一个嵌套循环来迭代每个组的数据。
foreach (array_chunk($products, 3) as $set) {
echo '<div class="row">';
foreach ($set as $product) {
echo '<div class="col-lg-4 col-md-4">';
...
echo '</div>';
}
echo '</div>';
}
推荐阅读
- python - 使用python将json数据作为行写入SQL数据库
- r - ggplot中的堆积条形图
- c# - 如何在 UWP C# 中添加 SQLiteDataAdapter
- php - 使用 PHP-MySQL 插入主/详细记录的最佳方法是什么
- php - Prestashop 从 Android 登录
- android - 如何在 kotlin 中制作 ScrollView
- wordpress - 使用尺寸和颜色属性将产品添加到购物车 Woocommerce
- python - python jupyter magic %%writefile 返回 SyntaxError: invalid syntax
- c++ - 使用具有多个目标的 CodeCoverage.cmake 进行代码覆盖率分析
- c# - 序列化 C# 对象并保留属性名称