這篇文章主要介紹了如何解決bootstrap輪播動不了的問題，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司主營峰峰礦網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app開發(fā),峰峰礦h5小程序定制開發(fā)搭建,峰峰礦網(wǎng)站營銷推廣歡迎峰峰礦等地區(qū)企業(yè)咨詢

bootstrap輪播動不了的解決辦法：1、確認(rèn)bootstrap的使用版本；2、修改引用js和css的順序；3、添加“data-ride=“carousel””語句；4、將輪播圖中id修改一致即可。

本文操作環(huán)境：Windows7系統(tǒng)、bootsrap3.3.7版、DELL G3電腦

bootstrap 輪播動不了怎么辦？

解決bootstrap輪播不了問題：

一、首先在開頭導(dǎo)入時要注意你用的bootstrap是哪個版本的，導(dǎo)出的模版可直接去該版本的官網(wǎng)查找、復(fù)制，可避免自己寫錯。

ps:千萬不要直接去復(fù)制他人的例子導(dǎo)入。

如關(guān)于bootstrap3.3.7版本的導(dǎo)入模板：

　
    
    
    
    
此處引用的插件來自于bootstrap官網(wǎng)！

二、引用js、css順序錯誤，必須css、然后是jquery.js，最后再是bootstrap.js

原因：bootstrap.js需要借助jquery.js

三、默認(rèn)使用Bootstrap的Carousel組件，只需要加上 data-ride=“carousel” 就可以實(shí)現(xiàn)自動播放了。無需使用初始化的js函數(shù)。所以，如果carousel不會自動播放，那么首先檢查這個部分。這里還能加其他參數(shù)，比如是設(shè)置圖片輪轉(zhuǎn)的時間間隔。

四、輪播圖中標(biāo)簽的class內(nèi)容跟輪播圖div容器的id不一致

例如：ol列表中l(wèi)i標(biāo)簽，data-target值，必須為"#carousel-example-generic"

因?yàn)閐iv容易的id屬性為： id=“carousel-example-generic”

       
       .....

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何解決bootstrap輪播動不了的問題”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!