Twitter bootstrap 引导转盘不在图像中循环

我的旋转木马有一个问题，当它到达最后一个图像时，它什么也不显示，也不会像我想要的那样一遍遍地在图像中循环

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

<ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>


</ol>

<!-- Wrapper for slides -->

<div class="carousel-inner" role="listbox">

    <div class="item active"><img src="images/carousel/seattle_skyline.jpg" alt="skyline"></div>
    <div class="item"><img src="images/carousel/jewelry_workshop.jpg" alt="jewelry"></div>
    <div class="item"><img src="images/carousel/pottery_workshop.jpg" alt="pottery"></div>
    <div class="item"><img src="images/carousel/paining_workshop.jpg" alt="painting"</div>
    <div class="item"><img src="images/carousel/quickskecth_workshop.jpg" alt="sketch"></div>
</div>

<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
</a>

---

您必须在其中添加jquery函数，我想，这就是全部代码吗？你能把它包装成一个JSFIDLE吗？