Bootstrap Карусель не завернутый

Question

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

$(document).ready(function() { 
    $('#myCarousel').carousel({ 
     interval: false, 
    }); 
}); 

<div class="row"> 
     <div id="myCarousel" class="carousel slide"> 
      <div class="carousel-inner"> 
       <!-- Indicators --> 
       <ul class="carousel-indicators"> 
        <li data-target="#myCarousel" class="active"></li> 
        <li data-target="#myCarousel"></li> 
        <li data-target="#myCarousel"></li> 
        <li data-target="#myCarousel"></li> 
       </ul> 

       <!-- Slide 0 --> 
       <div class="item active"> 
        <img src="carousel0.jpg"> 
        <div class="carousel-caption"> 
         <h3>Image 0</h3> 
         <p>Image 0 Description</p> 
        </div> 
       </div> 
       <!-- Slide 1 --> 
       <div class="item"> 
        <img src="carousel1.jpg"> 
        <div class="carousel-caption"> 
         <h3>Image 1</h3> 
         <p>Image 1 Description</p> 
        </div> 
       </div> 
       <!-- Slide 2 --> 
       <div class="item"> 
        <img src="carousel2.jpg"> 
        <div class="carousel-caption"> 
         <h3>Image 2</h3> 
         <p>Image 2 Description</p> 
        </div> 
       </div> 
       <!-- Slide 3 --> 
       <div class="item"> 
        <img src="carousel3.jpg"> 
        <div class="carousel-caption"> 
         <h3>Image 3</h3> 
         <p>Image 3 Description</p> 
        </div> 
       </div> 
      </div> 

      <!-- Controls --> 
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
       <span class="glyphicon glyphicon-chevron-left"></span> 
      </a> 
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
       <span class="glyphicon glyphicon-chevron-right"></span> 
      </a> 
     </div> 

Скрипач: https://jsfiddle.net/z4b2bwg6/7/

Answer 1

Вы пробовали без интервала: ложные?

Интервал: Время задержки для автоматического переключения на велосипеде. Если false, карусель автоматически не будет циклически изменяться.

Также имеется обертывание установлено на true?

обертывание: должна ли карусель работать непрерывно или иметь жесткие остановки.

Answer 2

Проверить и удалить лишнюю запятую в сценарии Js -

$(document).ready(function() { 
    $('#myCarousel').carousel({ 
     interval: false 
    }); 
}); 

Тогда не забудьте положить код JQuery ниже HTML код для пирушки.

После этого он работает для меня.

Проверить демо на - Code and demo of carousal

Если он все еще не работает, должно быть какая-то другая проблема, может быть, плут Javascript код или незакрытый тег DIV.