php - 每行包含 3 列的循环数据

标签 php html css laravel bootstrap-4

<分区>

我的问题是每行划分 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>';
}

关于php - 每行包含 3 列的循环数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54212389/

上一篇:html - Bootstrap 响应式导航栏(带表单的左侧和右侧).NET Core

下一篇:具有不透明度的 Css 转换 scaleX 在 Safari 中不起作用

相关文章:

php - 数字到 Excel 列名称转换

php - MySQL 和 PHP 中多个数据库的最佳性能解决方案

javascript - 提供下载 pdf 或在浏览器中打开的选项

html - 按百分比设置 Bootstrap 模态主体高度

html - 段落内的行高问题

html - 初始页面与 Internet Explorer 不兼容

php - mysql_fetch_array()/mysql_fetch_assoc()/mysql_fetch_row()/mysql_num_rows 等...期望参数 1 是资源

php - 使用 SQL 数据库中的数据填充表单

html - 标题 div 高度不计算, 'clear fix' 不工作?

javascript - 从桌面切换到移动 View 时将 slider /轮播转换为分页器