Bootstrap carousel and Django

Question

Я хочу сделать бесконечный слайдер, но он не скользит. Как я могу это исправить? (Он остается на первом изображении и не двигается)

<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>