Javascript 引导3转盘未正确加载/显示

Javascript 引导3转盘未正确加载/显示,javascript,jquery,css,twitter-bootstrap,carousel,Javascript,Jquery,Css,Twitter Bootstrap,Carousel,我正在使用HTML5样板和Twitter引导转换一些psd文件。现在我的问题很简单 我想把容器分成两半,这样我可以在一边装载一个旋转木马,在另一边装载一些文本,我知道如何将它分开,但当我装载旋转木马时,我只得到了这个。现在我知道了,我已经看到了,这是关于jQuery没有正确加载的,但是所有的东西都在加载,我只知道错误在哪里 有人能检查一下我的index.html,并解释一下这张图片有什么问题吗。 多谢各位 <!doctype html> <!--[if lt IE 7]>

我正在使用HTML5样板和Twitter引导转换一些psd文件。现在我的问题很简单

我想把容器分成两半,这样我可以在一边装载一个旋转木马,在另一边装载一些文本,我知道如何将它分开,但当我装载旋转木马时,我只得到了这个。现在我知道了,我已经看到了,这是关于jQuery没有正确加载的,但是所有的东西都在加载,我只知道错误在哪里

有人能检查一下我的index.html,并解释一下这张图片有什么问题吗。 多谢各位

<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="apple-touch-icon" href="apple-touch-icon.png">

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/fotn-awesome.min.css">
        <style>
            body {
                padding-top: 50px;
                padding-bottom: 20px;
            }
        </style>
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><img src="#" height=30 width=41></a>
        </div>
        <div class="navbar-collapse collapse">
            <ul id="navbar" class="nav navbar-nav navbar-right">
                <li><a href="#">Home</a></li>
                <li><a href="#">Apartments</a></li>
                <li><a href="#">About</a></li>
                <li style="padding-top: 8px;"><button type="button" class="btn btn-sm btn-info round">GET STARTED</button></li>
            </ul>
        </div><!--/.navbar-collapse -->
      </div>
    </nav>

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container text-center">
        <h1>Hello, NYC!</h1>
        <p>Place to put NYC Bay picture!</p>
      </div>
    </div>

    <div class="container">
        <!-- JOIN SOCIETE section -->
        <div class="row">
           <div class="col-xs-12 text-center">
               &nbsp;
               &nbsp;
               <h2><span class="glyphicon glyphicon-stop"></span>&nbsp;JOIN SOCIETE</h2>
              <p>Literati Group Hosing LLC provides furnished housing for the</p>
                  <p>New York City international community of students, interns,</p>
                  <p>and young professionals.</p>
           </div> 
        </div>
    </div>

    <div class="container">
       <div class="row">
           <!-- container devider -->
          <p style="padding: 30px;"></p> 
       </div> 
    </div>

    <div class="container">
      <!-- SOCIETE row of columns -->
      <div class="row">
        <div class="col-xs-12 col-sm-3 col-sm-offset-2">
            <h4><strong>No Broker or Hidden Fees</strong></h4>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        </div>
        <div class="col-sm-3">
            <h4><strong>Extremely Fast.</strong></h4>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
       </div>
        <div class="col-sm-3">
            <h4><strong>Flexible Lease Terms</strong></h4>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        </div>
      </div>

      <hr>

      <div class="row">
        <div class=" col-xs-12 col-sm-3 col-sm-offset-2">
            <h4><strong>Operations and Engeneering.</strong></h4>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        </div>
        <div class="col-sm-3">
            <h4><strong>Networking.</strong></h4>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
       </div>
        <div class="col-sm-3">
            <h4><strong>Safety.</strong></h4>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        </div>
      </div>

    <div class="container">
       <div class="row">
           <!-- container devider -->
          <p style="padding: 30px;"></p> 
       </div> 
    </div>

    <div class="container">
       <div class="row">
           <!--Carousel Best Appartments Section--> 
              <div id="carousel-example-generic" class="carousel slide col-sm-6" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                  <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                  <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                  <div class="item active">
                    <img src="..." alt="...">
                    <div class="carousel-caption">
                      ...
                    </div>
                  </div>
                  <div class="item">
                    <img src="..." alt="...">
                    <div class="carousel-caption">
                      ...
                    </div>
                  </div>
                  ...
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
                </a>
              </div>
       </div><!-- end row --> 
    </div><!-- end carousel container -->
<hr />
      <footer>
        <p>&copy; Company 2015</p>
      </footer>
    </div> <!-- /container -->        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>

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

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

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-XXXXX-X','auto');ga('send','pageview');
        </script>
    </body>
</html>

身体{
填充顶部:50px;
垫底:20px;
}
切换导航
  • 开始吧
你好,纽约! 放纽约湾图片的地方

加入兴业银行 文人集团Hosing LLC为客户提供带家具的住房

纽约市国际学生、实习生社区

以及年轻的专业人士

无经纪人或隐藏费用 Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品,是一种很好的调味品。这是一个很好的例子。Donec sed odio dui

速度极快。 Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品,是一种很好的调味品。这是一个很好的例子。Donec sed odio dui

灵活的租赁条款 Donec sed odio dui。我是奥迪奥先生,我是艾格斯塔·艾格特·奎姆先生。猫门前庭舌骨。这是一种很好的调味品,是一种很好的调味品


运营和工程。 Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品,是一种很好的调味品。这是一个很好的例子。Donec sed odio dui

联网。 Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品,是一种很好的调味品。这是一个很好的例子。Donec sed odio dui

安全性。 Donec sed odio dui。我是奥迪奥先生,我是艾格斯塔·艾格特·奎姆先生。猫门前庭舌骨。这是一种很好的调味品,是一种很好的调味品

  • ... ... ...
    &抄袭;公司2015

    window.jQuery | | document.write(“”) (函数(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]| |(b[l]= 函数(){(b[l].q=b[l].q | |[]).push(参数)});b[l].l=+新日期; e=o.createElement(i);r=o.getElementsByTagName(i)[0]; e、 src='//www.google-analytics.com/analytics.js'; r、 parentNode.insertBefore(e,r)}(窗口,文档,'script','ga'); ga(“创建”、“UA-XXXXX-X”、“自动”);ga('send','pageview');
    尝试将http添加到脚本标记上的jquery。

    滑块对我有效,方法是删除脚本标记并在中重新添加它们。抱歉,请重新阅读文章。。滑块工作正常,但布局错误出于某种原因,我在你的代码笔中看到了相同的错误,旋转木马没有像我看到的那样加载,使用Firefox滑块工作正常,但没有图像显示是的,你是对的,讨厌这种情况发生,需要睡觉,谢谢