bootstrap页面出现两个轮播，避免js互相干扰

1. 修改轮播动画的id属性

1<span style="font-size: 15px; font-family: 'Microsoft YaHei';">id="myCarousel"改为 id="myCarousel<strong><span style="color: #ff6600;">a</span></strong>"</span>

2. 修改ol li 内的data-target属性为你修改后的id

1<span style="font-size: 15px; font-family: 'Microsoft YaHei';">全部的data-target="#myCarousel" 改为 data-target="#myCarousel<strong><span style="color: #ff6600;">a</span></strong>"</span>

3. 修改a标签的href属性为#修改后的id

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

<div id="myCarousela" class="carousel slide">

                    <!-- 轮播（Carousel）指标 -->

                        <li data-target="#myCarousela" data-slide-to="0" class="active"></li>

                        <li data-target="#myCarousela" data-slide-to="1"></li>

                        <li data-target="#myCarousela" data-slide-to="2"></li>

                        <li data-target="#myCarousela" data-slide-to="3"></li>                         

                    </ol>  

                    <!-- 轮播（Carousel）项目 -->

                            <img src="./zt-img/lb1.jpg" alt="First slide" height="400px" width="100%">

                        </div>                           

                            <img src="./zt-img/lb3.jpg" alt="Third slide" width="100%">

                        </div>

                            <img src="./zt-img/lb4.jpg" alt="Second slide" width="100%">

                        </div>

                            <img src="./zt-img/lb5.jpg" alt="Third slide" width="100%">

                        </div>

                    </div>

                    <!-- 轮播（Carousel）导航 -->

                       data-slide="prev"></a>

                       data-slide="next"></a>

                </div>   

  <!--id="myCarousel"-->