在 Django 中创建 Carousel 滑块的问题

如何解决在 Django 中创建 Carousel 滑块的问题

最近，我尝试创建一个 Django 网站，我想向其中添加一个轮播滑块组件，但是当我这样做时，所有图像都显示在彼此的顶部！

我该怎么办？

最好的问候

马苏德

我的代码：{此代码在 base.html 文件中}

  <div id="demo" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
      </ul>

      <!-- The slideshow -->
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="{% static "images/3.jpg" %}" alt="Los Angeles">
        </div>
        <div class="carousel-item">
          <img src="{% static "images/4.jpg" %}" alt="Chicago">
        </div>
        <div class="carousel-item">
          <img src="{% static "images/5.jpg" %}" alt="New York">
        </div>
      </div>

      <!-- Left and right controls -->
      <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
      </a>
      <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
      </a>

  </div>