Html 推特引导-Can'；不要让旋转木马更改图像_Html_Twitter Bootstrap

Html 推特引导-Can'；不要让旋转木马更改图像

html twitter-bootstrap

Html 推特引导-Can'；不要让旋转木马更改图像,html,twitter-bootstrap,Html,Twitter Bootstrap,我复制了下面的HTML-我不知道为什么，但当我在浏览器中打开它时，它被卡在第一个图像上，不会转换。。。我已经包括了我的html下面的所有代码。CSS和JS文件是提供的通用引导文件 <!DOCTYPE html> <html> <head> <title>Bootstrap test site</title> <link rel="stylesheet" href="css/bootstrap.css" type="text/cs

我复制了下面的HTML-我不知道为什么，但当我在浏览器中打开它时，它被卡在第一个图像上，不会转换。。。我已经包括了我的html下面的所有代码。CSS和JS文件是提供的通用引导文件

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap test site</title>

<link rel="stylesheet" href="css/bootstrap.css" type="text/css">

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>

<script>
    $(document).ready(function(){
        $('.carousel').carousel();
    });
    </script>



</head>

<body>
    <div class="container">

    <div class="span8"> <img src="img/logo_title.png"> </div> 

        <div>

            <div id="this-carousel-id" class="carousel slide">
              <div class="carousel-inner">
                <div class="item active">
                  <img src="http://placehold.it/1200x480" alt="" />
                  <div class="carousel-caption">
                    <p>Caption text here1</p>
                  </div>
                </div>
                <div class="item">
                  <img src="http://placehold.it/1200x480" alt="" />
                  <div class="carousel-caption">
                    <p>Caption text here2</p>
                  </div>
                </div>
                <div class="item">
                  <img src="http://placehold.it/1200x480" alt="" />
                  <div class="carousel-caption">
                    <p>Caption text here3</p>
                  </div>
                </div>
                <div class="item">
                  <img src="http://placehold.it/1200x480" alt="" />
                  <div class="carousel-caption">
                    <p>Caption text here4</p>
                  </div>
                </div>
              </div><!-- /.carousel-inner -->
              <!--  Next and Previous controls below
                    href values must reference the id for this carousel -->
                <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
            </div><!-- /.carousel -->
        </div>  

    </div>

<script src="js/bootstrap.js"></script>


</body>
</html>


引导测试站点
$（文档）.ready（函数（）{
$（'.carousel'）.carousel（）；
});
标题文本1
标题文本2
标题文本3
标题文本4

对于bootstrap中的任何JS库，请确保包含实际的库。就你而言，你遗漏了旋转木马库。其他需要单独js文件的引导加载项包括modals、下拉列表和工具提示。添加到：

 <script src="/js/bootstrap-carousel.js"></script>
<script src="/js/jquery.js"></script>

您还包括bootstrap.js两次。

对于bootstrap中的任何js库，请确保包含实际的库。就你而言，你遗漏了旋转木马库。其他需要单独js文件的引导加载项包括modals、下拉列表和工具提示。添加到：

 <script src="/js/bootstrap-carousel.js"></script>
<script src="/js/jquery.js"></script>

您还包含了两次bootstrap.js。

从哪里获得该文件？在Bootstrap网站上，它说“单个或编译的插件可以单独包含（尽管有些插件具有必需的依赖项），也可以同时包含所有插件。Bootstrap.js和Bootstrap.min.js都将所有插件包含在一个文件中。”；如果它包含它们，为什么我需要添加另一个文件？拉主github存储库git://github.com/twitter/bootstrap.git 或者只下载你需要的：我已经下载并包含了这个文件，但它仍然不起作用。对不起，我是JS的新手@Munch1324抱歉，我刚刚注意到您也缺少jquery。我编辑了我的答案，把它也包括在内。我一定是弄错了，但我相信谷歌库jquery脚本涵盖了这一点？我从哪里得到那个文件？在Bootstrap网站上，它说“单个或编译的插件可以单独包含（尽管有些插件具有必需的依赖项），也可以同时包含所有插件。Bootstrap.js和Bootstrap.min.js都将所有插件包含在一个文件中。”；如果它包含它们，为什么我需要添加另一个文件？拉主github存储库git://github.com/twitter/bootstrap.git 或者只下载你需要的：我已经下载并包含了这个文件，但它仍然不起作用。对不起，我是JS的新手@Munch1324抱歉，我刚刚注意到您也缺少jquery。我编辑了我的答案，也包括了这一点。我一定是弄错了，但我相信谷歌库jquery脚本涵盖了这一点？