繁体   English   中英

Twitter引导选项卡突然停止工作

[英]Twitter bootstrap tabs suddenly stopped working

直到不久前,它的工作情况还不错。 我什么都没改变。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">


    <title></title>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

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


    <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>


 <div class="container-fluid">
    <div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">

    <header>
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#elevenam" aria-controls="elevenam" role="tab" data-toggle="tab">11:00 AM</a></li>
            <li role="presentation"><a href="#fourpm" aria-controls="fourpm" role="tab" data-toggle="tab">4:00 PM</a></li>
            <li role="presentation"><a href="#ninepm" aria-controls="ninepm" role="tab" data-toggle="tab">9:00 PM</a></li>
        </ul>
    </header>

      <!-- Tab panes -->
      <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="elevenam">
            <div class="row">
                <?php include_once 'elevenam.php'; ?>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="fourpm">
            <div class="row">
                    <?php include_once 'fourpm.php'; ?>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="ninepm">
            <div class="row">
                    <?php include_once 'ninepm.php'; ?>
            </div>
        </div>
      </div>



    </div>
    </div>
</div>

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

</body>
</html>

twitter bootstrap有什么问题吗? 我的js曾经是链接

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

从他们的网站开始,但是它停止工作,所以我尝试了下载的文件,但仍然不起作用。

我在他们的演示中注意到,它也不起作用。

因为

`https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css%22%20integri ty=%22sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7`

不再公开。 将文件上传到您的服务器上,然后从那里加载CSS。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM