2017-06-07 2 views
-1

Ich schrieb eine grundlegende "Hallo Welt" -Webseite und Bootstrap CSS von CDN hinzugefügt, aber es funktioniert nur in Microsoft Edge. Google Chrome und Mozilla Firefox zeigen nicht die korrekte Ausgabe an.Bootstrap CSS funktioniert nicht in Chrome oder Firefox

Bitte helfen Sie mir, dieses Problem zu lösen.

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> 
+0

Sie sehen aus wie Sie Bootstrap 3 nicht 4 verwenden - denke, dass Ihr Tag falsch ist. Auch scheint in Chrome für mich gut zu funktionieren: https://www.bootply.com/cqFLpVr9yN – Pete

+3

Und die Browser-Konsole hat was zu sagen? // Sie sollten dies wahrscheinlich über HTTP mit einem lokalen Webserver testen, und nicht nur über das Dateisystem. – CBroe

+0

Das CSS lädt sich gut für mich. Wie für die JS erfordert Bootstrap, dass Sie jQuery vor Bootstrap JS enthalten. – hungerstar

Antwort

0

fand ich die Lösung schließlich auf das Problem !!

Dieses Problem wurde aufgrund der Zeichencodierung verursacht, die beim Speichern der Datei implementiert wird. Im Atom-Editor war die Standardspeicherung in UTF-16LE. Aber UTF-8 wurde benötigt.

Sobald ich die Codierung änderte, wurde das Problem gelöst.

Verwandte Themen