【问题标题】:Looping data which contains 3 column each row [duplicate]每行包含3列的循环数据[重复]
【发布时间】:2019-06-10 06:19:52
【问题描述】:

我的问题是每行分成 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 列,

【问题讨论】:

  • 你能给我们看看你想要做什么的形象吗?或者你能解释更多吗?
  • 您想在 foreach 循环提供的 $index 上使用模数条件吗?还是array_chunk() 解决方案?
  • 好的,我先试试吧
  • 哦,对不起,我不小心

标签: php html css laravel bootstrap-4


【解决方案1】:

只需将您的数据分成 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>';
}

【讨论】:

  • 谢谢,我刚刚完成
猜你喜欢
  • 2014-08-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-06-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-12-22
相关资源
最近更新 更多