带有 Bootstrap Carousel 的 PHP 在动态时无法正常工作

Question

我正在使用 Kirby cms 并创建一个动态引导 4 轮播。所有元素都会显示数据库中的所有图像以及正确数量的指标。问题是轮播不再起作用，所有图像都相互叠加，指示器不再起作用。我是不是在错误的地方添加了一个关闭的 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>

Answer 1

当我恢复到 bootstrap 3 时，它就像一个魅力。