Question

我有一个Bootstrap框架的问题，我不知道为什么，基本上下拉菜单和幻灯片放映在我的'timeline.html'中不起作用，当我尽可能多地挂钩路径时在所示示例中，它们完美地工作。任何帮助都是好人，我已经使用了这些链接中的文件：

Timeline.html（有问题的文件）：https://www.dropbox.com/s/ao38yl03zmrqc5n/timeline.html?dl=0

我基于其他html文件的示例代码：https://www.dropbox.com/s/i1owz94vtt62y13/Theme%20Template%20for%20Bootstrap.html?dl=0

源文件可以在getbootstrap.com上找到，它们是我认为的基本文件。

Answer 1

请使用css和js文件的路径。

<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">

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

<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>

Answer 2

确保Bootstrap_files文件夹中的css和js并尝试。

        <!DOCTYPE html>
        <!-- saved from url=(0039)http://getbootstrap.com/examples/theme/ -->
        <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
            <meta name="description" content="">
            <meta name="author" content="">
            <link rel="icon" href="http://getbootstrap.com/favicon.ico">

            <title>Theme Template for Bootstrap</title>

            <!-- Bootstrap core CSS -->
            <link href="Bootstrap_files/bootstrap.min.css" rel="stylesheet">
            <!-- Bootstrap theme -->
            <link href="Bootstrap_files/bootstrap-theme.min.css" rel="stylesheet">
            <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
            <link href="Bootstrap_files/ie10-viewport-bug-workaround.css" rel="stylesheet">

            <!-- Custom styles for this template -->
            <link href="Bootstrap_files/theme.css" rel="stylesheet">

            <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
            <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
            <script src="Bootstrap_files/ie-emulation-modes-warning.js.download"></script>

            <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
            <!--[if lt IE 9]>
              <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
              <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
            <![endif]-->
          </head>

Bootstrap |已损坏的活动，下拉菜单和幻灯片

2 个答案: