ブートストラップCSSがクロームまたはFirefoxで動作しない

-1

基本的な "Hello World" Webページを作成し、CDNからブートストラップCSSを追加しましたが、Microsoft Edgeでのみ動作しています。 Google ChromeとMozilla Firefoxで正しい出力が表示されません。ブートストラップCSSがクロームまたはFirefoxで動作しない

この問題を解決するのを手伝ってください。

Correct Microsoft Edge Output

Incorrect Google Chrome Output

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <!-- 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"> 

    <!-- 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> 
    <title>Shadow Shop</title> 
    </head> 
    <body class="container-fluid"> 
    <div class="jumbotron"> 
     <h1>Hello World</h1> 
    </div> 

    </body> 
</html>

出典

2017-06-07 Arjun Panicker

あなたがブートストラップ3を使用しているように見えます.4ではありません - あなたのタグが間違っていると思います。また、クロームの私のためにうまくいくように見える：https://www.bootply.com/cqFLpVr9yN – Pete

そして、ブラウザのコンソールに何を言っているのですか？ //おそらくファイルシステムだけでなく、ローカルのWebサーバーを使ってHTTP経由でこれをテストするべきでしょう。 – CBroe

CSSは私にとってうまくいっています。 JSについては、ブートストラップでは、ブートストラップのJSの前にjQueryを含める必要があります。 – hungerstar

私は最終的に問題の解決策を見つけました！

この問題は、ファイルの保存中に文字エンコーディングが実装されたために発生しています。 Atomエディタでは、デフォルトの保存はUTF-16LEで行われました。しかし、UTF-8が必要でした。

コードを変更すると、問題は解決されました。

出典

2017-06-08 14:43:24

ブートストラップCSSがクロームまたはFirefoxで動作しない

答えて

関連する問題