Bootstrap在没有互联网

时间:2016-04-27 09:14:14

标签: javascript jquery html css twitter-bootstrap

我开始使用Bootstrap。我添加js/bootstrap.min.css 到我的index.html并且一切正常。

但是,当我将bootstrap.min.js添加到index.html时,例如,我的下拉菜单无效。

但是,当我添加http://code.jquery.com/jquery-latest.js时 - 我的下拉菜单有效。

我想在不连接互联网的情况下使用菜单。 为什么呢?

5 个答案:

答案 0 :(得分:1)

您应该在本地系统下载脚本并将脚本放在项目JS OR Script文件夹中,然后从那里调用它。

像那样:

<script type="text/javascript" src="/Scripts/jquery-latest.js"></script>

希望它有效:)

由于

答案 1 :(得分:0)

自举:

http://getbootstrap.com/getting-started/

JQuery的:

http://www.w3schools.com/jquery/jquery_get_started.asp

通过相对路径正确下载和链接文件。

答案 2 :(得分:0)

Bootstrap使用jquery,因为您需要在没有互联网的情况下使用它来下载jquery文件并将其放在JS文件夹中并将其提供给index.html

答案 3 :(得分:0)

我们走了:

1)您正在使用jQuery库但不使用bootstrap

2)如果你想将bootstrap库下载到本地,你可以从这里获得:enter link description here

答案 4 :(得分:0)

而不是像你这样在你的index.html中使用cdn路径

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<!--Latest JQuery CDN Link -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>

在下载所需文件后尝试使用相对路径,如下所示:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!--Latest JQuery CDN Link -->
<script src="js/jquery.js"></script>

在您的情况下,jquery-latest.js必须从指定链接下载,并使用相对路径包含在index.html中。