2017-04-21 95 views
0
<!DOCTYPE html> 
<html lang="en"> 

<head> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 

<title>JuiceBox</title> 
<link rel="stylesheet" href="style.css"> 
<script src="https://code.jquery.com/jquery-3.2.1.js"integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="crossorigin="anonymous"></script> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

    <script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script> 
</head> 

当本地检查时Html看起来很好,但一旦上传到服务器,引导程序不起作用。我用SASS与它有什么关系?请帮忙。服务器上的推送问题

+0

仅供参考,在给出每个答案或评论后,您不应该更改原始问题代码。当他们看到你的问题并试图了解它是如何回答的时候,它会在将来混淆人们。 – Macsupport

+0

我的问题仍然是一样的。 –

+0

重点在于,人们可以根据您的*原始代码*查看答案的进展情况。如果您想修复它,发布链接或制作jsfiddle会有所帮助。 – Macsupport

回答

0

引导需要jQuery来工作的,请举前添加了jQuery使引导运行

+0

我试过了。它不工作。 –

+0

甚至在引导的css文件之前应该加载jquery –

+0

您加载'bootstrap.min.js'两次。一次在jQuery之前和之后。删除之前。 – Macsupport

0

添加之间的空间“相对=‘样式表的’href ..”

<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

并删除空格'scrip'和't':

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></scrip t> 
+0

谢谢,但我的代码没有空格。这是我在这里格式化时发生的。 –

0

试试这个脚本来导入jquery而不是你的,我相信它会工作;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="crossorigin="anonymous"></script> 
0

您正在加载2个版本的jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">。删除版本1.11.3。

其次,你的引导CSS没有加载在所有:

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

,因为它被认为是不安全的内容,由于它是HTTP来代替https。将其更改为

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

此外,您还加载了不同版本的bootstrap.min.js(3.3.4 vs 3.3.7)比css是什么。