2017-02-13 17 views
0

Hier ist die Verzeichnisstruktur meiner Python/Flaschen-Anwendung.Flask style.css wird nicht von statisch/css/style.css geladen

application 
templates/ 
static/css/style.css 
static/js/appjs.js 

In meinem "Kopf" habe ich das hinzugefügt.

<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet" /> 

JS Datei funktioniert gut, aber style.css funktioniert nicht. Aber style.css ist über die URL zugänglich und auch in Seitenquelle Ansicht verfügbar

http://localhost:5000/static/css/style.css 
+0

las ich Ihr Problem nicht reproduzieren kann. Bitte [bearbeiten], um ein [mcve] einzuschließen. – davidism

Antwort

0

HTML nicht ganz XML ist, und manchmal sind die Dinge nicht so sauber. Sie verwenden ein selbst schließendes Tag - nicht. Versuchen Sie, die zur Einstellung / entfernen:

<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet"> 

Viele Browser ziemlich nachsichtig sind und analysieren <link … ></link> oder <link … /> ganz gut, aber es ist nicht garantiert. Das Standardformat ist without.

Alternativ sollten Sie überprüfen, ob das Problem beim Laden der CSS-Datei oder des tatsächlichen Inhalts Ihres CSS-Dokuments auftritt.

+0

Danke für die Antwort, Entfernen **/** macht keinen Unterschied zur Ausgabe – imdrupal

+0

@imdrupal was HTML im Browser gerendert wird? Wenn Sie die Seitenquelle anzeigen, können Sie Ihre CSS-Datei öffnen? Möglicherweise wurde Ihre CSS-Datei die ganze Zeit geladen, aber das CSS selbst verhält sich nicht wie erwartet. – daveruinseverything

+0

Ja, ich kann mein css in der Seitenquellenansicht sehen und auch im Browser öffnen, aber das CSS selbst verhält sich nicht wie erwartet ( – imdrupal

0

In Flask Bootstrap müssen Sie die Superfunktion in den Blockstilen aufrufen, um Ihr benutzerdefiniertes CSS hinzuzufügen.

{% extends "bootstrap/base.html" %} 
 
{% block styles %} 
 
{{super()}} 
 
    <link rel="stylesheet" 
 
    href="{{url_for('static', filename='css/style.css')}}"> 
 
{% endblock %}

Sie können mehr über die docs