使用bootstrap之轮播插件不自动播放的问题和播放时间间隔的问题解决方法

在学习一个开源的工具之前，必做的是去官网下载官方文档，并且阅读官方文档的内容。笔者使用

版本为bootstrap-3.3.7

的轮播插件，是直接粘贴官方文档中的代码，但发现图片不会自动轮播。代码如下：

  

  data-slide="prev">‹
  data-slide="next">›

 

此时轮播的图片会一直显示为第一张，不会自动播放，需要手动点击下一张。它才会自动播放。想要自动播放需要增加如下代码：

data-ride="carousel" data-interval="2500">

  

   data-slide="prev">‹
   data-slide="next">›

 

其中data-ride="carousel"设置为自动播放，data-interval="2500"可以调整轮播时间间隔。

----------------------------------------望本文对读者有所帮助。