2016-12-18 7 views
0

jinja2テンプレートにCSSを適用できません。 私はそれがうまくいくはずだと思うけど、どこに行かないのか分からない。jinja2テンプレートにCSSが適用されない

マイレイアウト:

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="{{url_for('static', filename='style.css')}}"> 
    <link rel="stylesheet" href="{{url_for('static', filename='bootstrap.min.css')}}"> 
    <title> 
     {% block title %} {% endblock %} 
    </title> 
</head> 
<body> 
    <div class='container-fluid'> 
     <div class='row'> 
      <div class='col-md-9'> 
       {% block body %} {% endblock %} 
      </div>  
      <div class='col-md-3'> 
       Menu 
      </div>  
     </div> 
    </div> 
</body> 
</html> 

ホームページ:

{% extends "layout.html" %} 
{% block title %} 
    Home 
{% endblock %} 

{% block body %} 

    <div class="row"> 
     <div class="col-md-6 min-data"> 
      My Lappy - DELL VOSTRO   
     </div> 
     <div class="col-md-6 min-data"> 
      <img class="pull-right" src="http://placehold.it/360x203"> 
     </div> 
    </div> 

{% endblock %} 

CSSファイル:

.min-data { 
    background-color: green; 
} 

ホームページが表示されます適切に表示されますが、背景色はホームページのdiv内で緑色で適用されません。

+0

ファイルがブラウザによって正しく読み込まれていますか? 'static.css'は' static'ですか? – dirn

+0

@dirn:ページの読み込みに何のエラーもないことがわかります。キャッシュをクリアしてページをリロードしたところ、正常に動作しました。そして今、毎回、CSSが機能するために、私はキャッシュをクリアしています。何が問題なの? – Ejaz

+1

[変更されたファイルを読み込むようブラウザに指示する方法はかなりあります。](https://css-tricks.com/strategies-for-cache-busting-css/) – dirn

答えて

0

あなたはこの問題についてChromeブラウザを使用しようとしていると思います。 Firefoxの最新バージョンのような別のブラウザをお試しください。

関連する問題