我們都知道使用bootstrap做輪播效果非常快，但是有時候一個頁面會需要兩個輪播；但這個時候再次使用bootstrap做輪播效果時就會失效；原因在于bootstrap的Carousel問題，只要修改一下id，就好了~~

這是第一個輪播：(未做修改)

data-slide="prev">

data-slide="next">

這是第二個輪播：(已修改)

1. 修改輪播動畫的id屬性

id="myCarousel"改為 id="myCarousela"

2. 修改ol li 內(nèi)的data-target屬性為你修改后的id

全部的data-target="#myCarousel" 改為 data-target="#myCarousela"

3. 修改a標簽的href屬性為#修改后的id

全部的href="#myCarousel"改為href="#myCarousela"

data-slide="prev">

data-slide="next">

總結(jié)

以上是生活随笔為你收集整理的bootstrap 两个轮播图冲突_为什么使用bootstrap在一个页面同时做两个轮播效果时，只有第一个有效？？...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。