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

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

data-slide="prev">

data-slide="next">

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

1. 修改輪播動(dòng)畫(huà)的id屬性

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

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

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

3. 修改a標(biāo)簽的href屬性為#修改后的id

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

data-slide="prev">

data-slide="next">

總結(jié)

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

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