使用Bootstrap和Laravel创建一个带有两个项目的动态旋转木马

Question

我使用Bootstrap和Laravel为每张幻灯片创建一个带有两个项目的轮播。但是，我似乎无法正常显示它。我的代码出了什么问题？

@if(!empty($products))
    <div class="product-details">
        <div class="carousel slide" id="productCarousel">
            <div class="carousel-inner">

                @foreach($products as $index => $product)
                    @if($index == 0 || (($index%2)-1 == 0))
                        <div class="item {{ $index == 1 ? 'active' : '' }}">
                            <div class="container">
                                <div class="row">
                    @endif
                                    <div class="col-sm-6">
                                        <p>This is an item</p>
                                    </div>
                    @if($index == count($products) || ($index%2 == 0))
                                </div>
                            </div>
                        </div>
                    @endif
                @endforeach

                <a data-slide="prev" href="#find-a-forklift" class="left carousel-control"><i class="tk icon-chevron-left"></i></a>
                <a data-slide="next" href="#find-a-forklift" class="right carousel-control"><i class="tk icon-chevron-right"></i></a>
            </div>
        </div>
    </div>
@endif

Answer 1

首先，我建议您使用Laravel Collection的方法chunk来清理您的代码