Twitter bootstrap 3 推特引导旋转木马中的div显示在彼此的顶部_Twitter Bootstrap 3_Carousel

Twitter bootstrap 3 推特引导旋转木马中的div显示在彼此的顶部

twitter-bootstrap-3

Twitter bootstrap 3 推特引导旋转木马中的div显示在彼此的顶部,twitter-bootstrap-3,carousel,Twitter Bootstrap 3,Carousel,我的Twitter Bootstrat旋转木马有问题。应该一个接一个地出现的4个DIV元素都出现在一起，相互重叠我遵循CreativityTuts.org教程，看不出我错在哪里以下是HTML代码： <html> <head> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> <script src="//ajax.googleapis.com/aja

我的Twitter Bootstrat旋转木马有问题。应该一个接一个地出现的4个DIV元素都出现在一起，相互重叠

我遵循CreativityTuts.org教程，看不出我错在哪里

以下是HTML代码：

<html>


<head>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
           $('.carousel').carousel({
                interval:2000
            });
        });
    </script>
</head>


<body>
    <div class="container">
        <div class="row">
            <div class="span6 well">
                <div id="myCarousel" class="carousel">
                    <div class="carousel-inner">
                        <center>
                        <div class="item active"><img src="bkk.png"></div>
                        <div class="item"><img src="brr.png"></div>
                        <div class="item"><img src="buu.png"></div>
                        <div class="item"><img src="btt.png"></div>
                        </center>
                    </div>
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
                </div>
            </div>
        </div>
    </div>

    <script src="js/carousel.js"></script>
</body>


</html>

有人能帮忙吗

提前多谢了

保罗

好了，伙计们，感谢您的回答，这让我意识到我使用了引导2的代码，但实际上使用的是引导3

我在这里找到了所需的语法：

这是引导2还是引导3？您有一个span6，它将指示引导2您应该使用引导3，B只包括bootstrap.min.js，并去掉其他两个js文件。

- bkk.png (and the 3 other images)
- css (file)
- fonts (file)
- js (file)
    - carousel.js
    - bootstrap.js
    - bootstrap.min.js
- testcarousel.html