問題：

　　使用bootstrap的輪播做圖片幻燈片，發現輪播到最后一張的時候，顯示不正常了。

?

原因：

　　在寫carousel-indicators的class的時候，寫錯了。下面代碼塊中的紅色是正確的寫法，在此之前我錯把class="active"寫成class="active item"；把class=""錯寫成class="item"。

<div id='MySlide' class='carousel slide' data-ride="carousel"><ol class='carousel-indicators'><li data-target="#MySlide" data-slide-to="0" class="active"/><li data-target="#MySlide" data-slide-to="1" class=""/><li data-target="#MySlide" data-slide-to="2" class=""/></ol><!-- Carousel items --><div class='carousel-inner'><div class='active item'><img src="./img/1.png" alt='slide 1' width='480' height='320'/><div class="carousel-caption"><h3>第一張幻燈片的標題</h3><p>它的說明文字。。。</p></div></div><div class='item'><img src="./img/2.png" alt='slide 2' width='480' height='320'/><div class="carousel-caption"><h3>第二張幻燈片的標題</h3><p>它的說明文字。。。</p></div></div><div class='item'><img src="./img/3.png" alt='slide 3' width='480' height='320'/><div class="carousel-caption"><h3>第三張幻燈片的標題</h3><p>它的說明文字。。。</p></div></div></div><!-- Carousel nav --><a class='carousel-control left' href='#MySlide' data-slide='prev'><span class="glyphicon glyphicon-chevron-left"></span></a><a class='carousel-control right' href='#MySlide' data-slide='next'><span class="glyphicon glyphicon-chevron-right"></span></a> </div>

?

顯示到第三章圖片（正常）：

再往后，就不正常了，只有兩個箭頭：

轉載于:https://www.cnblogs.com/charles123/p/3683535.html

總結

以上是生活随笔為你收集整理的bootstrap轮播，播放到最后一张图片的时候，就不正确了。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。