Bootstrap Карусель не перезапускается

Question

Я использую Bootstrap 3 и имею проблемы с моим carousel. У меня 12 предметов. Мне удалось начать свой Carousel с помощью этого:

$(function() { 
    $('.carousel').carousel({ 
    interval: 1000, 
    cycle: true 
    }); 
    $('[data-slide-to=0]').trigger('click'); 
}); 

Проблема заключается в том, первый цикл завершается успешно, автоматически, но когда дело доходит до конца, большое изображение исчезает, но ничего не происходит с индикаторами. Индикаторы продолжают цикл от начала до конца без большого изображения.

Img 1:Нормального слайдер, сдвинув до конца:

Img 2:Slider исчезает, и это показатели остаются и перезапустить от нормальных, как главной страницы.

Когда я открываю firebug и добавить «активный» к первому изображению, оно становится нормальным.

Как установить Carousel, так что первый элемент активен при выборе первого индикатора?

Здесь я создал образец JSFiddle

Answer 1

Там нет такой опции, как «цикл» в Bootstrap v3, как это петли по умолчанию. Поэтому код должен выглядеть следующим образом:

$(function(){ 
    $('.carousel').carousel({ interval: 1000 }); 
}); 

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

https://jsfiddle.net/66o0g8a0/1/