带有引导转盘的PHP一次不工作动态

我正在使用Kirby cms并创建一个动态引导4转盘。所有元素都会显示数据库中的所有图像以及正确数量的指示器。问题是carosuel不再工作，所有图像都层叠在一起，指示器也不再工作。我是否在错误的位置添加了close div标记

<div id="carousel1" class="carousel slide carousel-fade col-md-12" data-ride="carousel">
    <ol class="carousel-indicators">
        <?php $n=0; foreach($page->images() as $image): ?>
            <li data-target="#carousel1" data-slide-to="<?php echo $n; $n++; ?>" class="<?php if($n==1) echo ' active' ?>">
                <?php echo $n; ?>
            </li>
        <?php endforeach ?> 
    </ol>
    <div class="carousel-inner">
        <?php $n=0; foreach($page->images() as $image): $n++; ?>
            <div class="item<?php if($n==1) echo ' active' ?>">
                <img src="<?php echo $image->url() ?>" alt="<?php echo html($image->title()) ?>" class="img-responsive" />
            </div>
        <?php endforeach ?>
    </div>
</div>

当我恢复到bootstrap 3时，它像一个符咒一样工作。
当我恢复到bootstrap 3时，它像一个符咒一样工作。
生成的HTML在导航器（Chrome+F12）内部看起来如何？生成的HTML在导航器（Chrome+F12）内部看起来如何？