サーバでのブーラップの問題

<!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を使っていますが、それは何か関係がありますか？助けてください。サーバでのブーラップの問題

出典

2017-04-21 Monica T

参考までに、各回答またはコメントが与えられたら、元の質問コードを変更しないでください。彼らはあなたの質問を見て、それがどのように答えられたかを理解しようとすると、将来の人々を混乱させるでしょう。 – Macsupport

私の問題はまだ同じです。 –

ポイントは、あなたの*元のコード*に基づいて回答の進行を見ることができます。それを固定したいのであれば、リンクを投稿するかjsfiddleを作成すると助けになります。 – Macsupport

ブートストラップは、「.. REL = 『スタイルシート』のhref」ブートストラップ実行

出典

2017-04-21 22:27:03

私はそれを試した。それは動作していません。 –

ブートストラップのCSSファイルの前にもJqueryをロードする必要があります。 –

'bootstrap.min.js'を2回ロードしています。一度jQueryの前と一度。前のものを取り外してください。 – Macsupport

は、間にスペースを追加するために、ブートストラップ前

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

をjqueryのを追加して、スペースを削除してください、作業するのjQueryを必要とします

出典

2017-04-21 22:29:48

ありがとうございますが、私のコードにはスペースがありません。私はここでそれをフォーマットしていたときにちょうど起こった。 –

あなたの代わりにjqueryをインポートするには、このスクリプトを試してください、私はそれが動作すると確信しています;

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

出典

2017-04-21 22:50:46

あなたはjQueryの

の2つのバージョン

<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は全くロードされていません：それは原因ではなく、HTTPSのHTTPであることに安全でないコンテンツを考えられている

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

ので。それを

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">に変更します。

また、cssとは違うバージョンのbootstrap.min.js（3.3.4 vs 3.3.7）を読み込んでいました。

出典

2017-04-21 22:56:50 Macsupport

サーバでのブーラップの問題

答えて

関連する問題