2017-04-21 91 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是什麼。