id表示是主函數類似的 data-target表示瞄準主函數 data-ride表示是輪播圖 data-slide是表示滑動方向 data-slide-to是表示自己是第一張圖片 data-intval滑動的時間間隔 data-pause表示hove的時候暫停 data-wrap表示是否持續循環 <!-- 柵格系統--><div class="row"><div class="col-sm-5"><div id="carousel_container" class="carousel slide" data-ride="carousel"><!-- 圖片--><div class="carousel-inner"><div class="item"><img src="./img/1.png"></div><div class="item active"><img src="./img/1.png"></div><div class="item"><img src="./img/1.png"></div></div><!-- 小圓圈容器--><ol class="carousel-indicators"><li data-slide-to="0" data-target="#carousel_container"></li><li data-slide-to="1" data-target="#carousel_container"></li><li data-slide-to="2" data-target="#carousel_container"></li></ol><!-- 左右按鈕--><a href="#carousel_container" data-slide="prev" class="left carousel-control"><span class="glyphicon glyphicon-chevron-left"></span></a><a href="#carousel_container" data-slide="next" class="right carousel-control"><span class="glyphicon glyphicon-chevron-right"></span></a></div></div></div>

?

?

總結

以上是生活随笔為你收集整理的Bootstrap的轮播图的全部內容，希望文章能夠幫你解決所遇到的問題。

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