Twitter bootstrap 引导传送带正在进行2步而不是1步

我的带引导的旋转木马跳过了一个图像，我不知道为什么。基本上它从图1转到图3，然后转到图2，从那里它跳回到图1并重复这个循环。谁能帮帮我吗

传送带编码：

    <div class = "container">
        <div class = "container col-xs-6">
            <div id = "banners" class="carousel-slide" data-ride="carousel">
                <div class = "carousel-inner">
                    <ol class = "carousel-indicators">
                        <li data-target = "#banners" data-slide-to = "0" class = "active"></li>
                        <li data-target = "#banners" data-slide-to = "1"></li>
                        <li data-target = "#banners" data-slide-to = "2"></li>
                    </ol>
                    <div class = "item active">
                        <img id = "banners" src = 'images\slide5.jpg' class = "img-responsive"/>
                    </div>
                    <div class = "item">
                        <img id = "banners" src = 'images\slide4.jpg' class = "img-responsive"/>
                    </div>
                    <div class = "item">
                        <img id = "banners" src = 'images\slide3.jpg' class = "img-responsive"/>
                    </div>
                </div>
                <script type='text/javascript'>
                    $(document).ready(function() {
                         $('.banners').carousel({
                             interval: 2000
                         })
                    });    
                </script>
            </div>
        </div>
    </div>

$（文档）.ready（函数（）{
$（'.banner'）.carousel({
间隔时间：2000年
})
});    

---

快速编辑：我还注意到指示器不再对鼠标点击做出反应，我如何解决这个问题？

您的HTML结构中有一些组件不正确或类/ID不正确：

1）

class=“carousel slide”

应该是

class=“carousel slide”

（不带连字符）

2） 此div

应放在

指示器之后和第一个
项目之前

其他结构考虑事项：

1） 您使用
id=“banner”
四次，id只能使用一次。看

2） 您使用的是
，这没有任何优势，框架实际上是这样工作的：

<div class="container">
    <div class="row">
        <div class="col-xs-6">

我试了一下，它立刻解决了问题，泰。