bootstrap.min.js中出现意外的标记

3

我下载了3.3.6版本,使用了Bootstrap的示例文件(见下文),但出现错误:未捕获的语法错误:意外的令牌{

我添加了一些硬回车,以确保哪一行可能有问题:

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

这是他们的文件,链接已修改为我的本地文件系统:
<!DOCTYPE html>
<html lang="en">
 <head>
<meta 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 -->
<title>Bootstrap 101 Template</title>

<!-- Bootstrap -->
<link href="/programming/javascript/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/programming/javascript/bootstrap-3.3.6-dist/css/bootstrap.min.css"></script>
  </body>


2
在所有这些文件中,bootstrap.min.js在哪里? - Amit
5
您正在尝试将CSS作为JS加载。 - Siguza
1
<script>中,将min.js替换为min.css - dippas
1
完全正确。我的愚蠢。 - Ron
1个回答

13

你代码的倒数第二行是错误的:

这是如何引用JS文件的方式。

<script src="/programming/javascript/bootstrap-3.3.6-dist/css/bootstrap.min.css"></script>

如果您想正确引用此CSS文件,请使用以下代码:

<link href="/programming/javascript/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet" />

真是太神奇了,竟然有人和我犯了完全相同的错误。如果我没有在谷歌上找到这个问题和答案,我不知道要花多长时间才能意识到它。 - Buttle Butkus

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接