html - 我在代码中使用 Bootstrap 4 轮播。Bootstrap 4 轮播不工作

Question

我在代码中使用 Bootstrap 4 轮播。但它一次显示我在单个元素中的单个元素中使用的所有三个图像。这是代码:

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <img src="..." class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                      <img src="..." class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                      <img src="..." class="d-block w-100" alt="...">
                    </div>
                  </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>

现在我想在单个轮播元素中显示单个图像。在我的代码中我做错了什么？

Answer 1

因为你的 html 代码都很好。请确定。

1. Bootstrap 4 css 和 js 文件被正确包含。
2. 正确包含 Jquery。

注意:检查控制台(按 F12 并单击控制台)是否有错误。你必须在那里找到一些东西。