2017-02-13 9 views
0

ここは私のpython /フラスコアプリケーションのディレクトリ構造です。Flask style.cssがstatic/css/style.cssから読み込まない

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

私の "頭"ではこれを追加しました。

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

JSファイル細かい作業が、style.cssにが機能していません。 しかし、style.cssには

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

の詳細を読むことができます。 [編集]に[mcve]を含めるようにしてください。 – davidism

答えて

0

HTMLは非常にXMLでないページのソースビューのURLを介してアクセスでき、また、利用可能で、時には物事はニートではありません。自己閉鎖タグを使用しています - そうしないでください。終了/を削除してください:

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

多くのブラウザはかなり寛容であり、<link … ></link>または<link … />だけで罰金を解析しますが、それは保証されませんです。標準フォーマットはwithoutです。

また、問題がCSSファイルをロードしているかどうか、またはCSSドキュメントの実際の内容を確認する必要があります。

+0

答えをお寄せいただきありがとうございます。**/**を削除しても、出力に何の違いもありません。 – imdrupal

+0

@imdrupalブラウザに表示されるHTMLは何ですか?ページソースを表示する場合は、CSSファイルを開くことはできますか?おそらくあなたのCSSファイルがすべて読み込まれていたかもしれませんが、CSS自体が期待どおりに動作していません。 – daveruinseverything

+0

はい、私はページソースビューでCSSを見ることができ、ブラウザでも開くことができますが、CSS自体が期待どおりに動作していません(uが言ったように) – imdrupal

0

Flask Bootstrapでは、カスタムCSSを追加するには、ブロックスタイルでsuper関数を呼び出す必要があります。

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

あなたは私はあなたの問題を再現することはできませんdocs

関連する問題