有没有办法将1张幻灯片中的（自举）轮播内容动态分割成2个轮播幻灯片？

Question

我目前使用for循环渲染Twitter Bootstrap旋转木马的旋转木马幻灯片。对于每张幻灯片，内容也会动态插入，并带有嵌套的for循环。我想要的是限制每张幻灯片中出现的项目数量（即2项）。如果还有更多，我想将它们移到下一张幻灯片中。

所以基本上，对于内部for循环中的每两个项目，创建一个新的轮播幻灯片，但确保它是父轮播的一部分（不是一个新的轮播）。

附上一张图片，希望能更好地说明我的观点。

到目前为止的代码（使用PHP框架Laravel）：

<div id="carousel-example-generic" class="carousel slide" data-interval="false">
    <div class="carousel-inner" role="listbox">
        @foreach ($carousel_slide) <!--rendering the carousel slide-->
        <div class="item">
            <div class="row">
                @foreach ($inner_content) <!--rendering the items in each slide-->
                <div class="col-md-6 col-xs-12">
                    <div class="inner-carousel-item">
                            {{{ $inner_content->image }}}
                        <span>{{{ $inner_content->caption }}}</span>
                    </div>
                </div>
                @endforeach
            </div>
         </div>
        @endforeach
    </div>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

Answer 1

在这种情况下，建议使用常规for循环并继续增加索引。

在内循环中添加2项并每次递增计数器。这是

的元代码

for (;count($arr)>0;)
build next carousel page
for (;count($arr)>0;$item=array_pop($arr))
build item on carousel page
endfor
endfor