Bootstrap 4 wagtail中的引导转盘不循环

我有一个带三个图像的旋转木马：

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
        {% for loop_cycle in self.carousel_images.all %}
            {% image loop_cycle.carousel_image fill-900x100 as img %}
            <p>{{ img.url }}</p>
            <div class="carousel-item{% if forloop.counter ==  1 %} active{% endif %}">
<!--                    <img src="{{ img.url }}" class="d-block w-100" alt="{{ img.alt }}">-->
                {{ forloop.counter }} &nbsp {{ img.url }}
            </div>
        {% endfor %}
    </div>
    <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

点击上一个和下一个图标没有效果（在Firefox和Epiphany中测试）

---

有什么问题吗？

我用@gasman的策略解决了这个问题。我比较了html的两种情况

我错过了引导线路

 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity=" ....

---

我建议将测试页面独立于Wagtail，以纯HTML的形式组合在一起，这样您就可以知道问题是在引导端，还是在Wagtail/Django模板代码中没有生成您需要的HTML，然后Wagtail或引导专家将能够提供相应的建议。@gasman感谢您的提示。我在一个新页面上尝试了html（直接从引导carousel组件复制），效果很好。但是，相同的html在wagtail页面上不起作用。我已经更新了bootstrap css页面，因此没有differeence@gasman所以看起来引导代码中有什么地方出错了。但是什么呢？
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity=" ....