javascript - Bootstrap 轮播和 Django

Question

我想制作无限 slider ，但它不会滑动。我该如何解决？ (它停留在第一张图片上不动)

<div id="myCarousel" class="carousel slide slider" data-ride="carousel">

    <ol class="carousel-indicators">
         {% for slider in sliders%}
            <li data-target="#myCarousel" data-slide-to="{{slider.id}}" class="{% if forloop.first%}active{%endif%}"></li>
        {%endfor%}
    </ol>
        {% for slider in sliders%}        
            <div class="carousel-inner" role="listbox">
                    <div class="item{% if forloop.first %} active{% endif %}">                    
                          <img src="{{slider.image.url}}" alt="Chania">
                          <div class="carousel-caption capt">
                                <h1  >{{slider.caption}}</h1>
                          </div>
                    </div>
            </div>
        {%endfor%}

  </div>

Answer 1

没有看到任何其他东西...看起来您在不需要时复制了 carousel-inner div。相反，您应该在内部包装器中添加单独的 items:

<div class="carousel-inner" role="listbox">
    {% for slider in sliders%}        
        <div class="item{% if forloop.first %} active{% endif %}">                    
              <img src="{{slider.image.url}}" alt="Chania">
              <div class="carousel-caption capt">
                  <h1>{{slider.caption}}</h1>
              </div>
        </div>
    {%endfor%}
</div>