2017-04-21 2 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 sieht gut aus, wenn lokal überprüft, aber einmal auf den Server hochgeladen, funktioniert der Bootstrap nicht. Ich habe SASS benutzt, hat es etwas damit zu tun? Bitte helfen Sie.Ladeprobleme auf dem Server

+0

FYI, Sie sollten Ihren ursprünglichen Fragecode nicht ändern, nachdem jede Antwort oder jeder Kommentar gegeben wurde. Es wird Menschen in der Zukunft verwirren, wenn sie Ihre Frage sehen und versuchen zu verstehen, wie sie beantwortet wurde. – Macsupport

+0

Mein Problem ist immer noch das gleiche. –

+0

Der Punkt ist, die Leute können den Fortschritt der Antworten basierend auf Ihrem * ursprünglichen Code * sehen. Wenn du es reparieren willst, hilft das Posten eines Links oder das Erstellen eines Jsfiddle. – Macsupport

Antwort

0

Bootstrap benötigt JQuery zu arbeiten, Bitte fügen Sie JQuery vor Bootstrap Bootstrap-run

+0

Ich habe es versucht. Es funktioniert nicht. –

+0

Jquery sollte noch vor der css-Datei des Bootstrap geladen werden –

+0

Ihr Laden 'bootstrap.min.js' zweimal. Einmal vor jQuery und einmal danach. Entferne das vorherige. – Macsupport

0

machen einen Raum zwischen dem Add 'rel = "stylesheet" href ..'

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

und die Räume entfernen des ‚scrip‘ und ‚t‘ in:

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

Danke, aber mein Code hat keine Leerzeichen. Es ist einfach passiert, als ich es hier formatiert habe. –

0

dieses Skript Versuchen jquery anstelle von Ihnen zu importieren, ich bin sicher, dass es funktionieren wird;

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

Sie laden zwei Versionen von jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> und <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">. Entfernen Sie die Version 1.11.3.

Zweitens den Bootstrap CSS wird geladen haupt nicht:

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

, weil es aufgrund unsicheren Inhalt betrachtet wird es http statt https zu sein. Ändern Sie es in

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

Sie haben auch eine andere Version von bootstrap.min.js geladen (3.3.4 vs 3.3.7) als die CSS ist.

Verwandte Themen