CSS未應用於jinja2模板

我無法將CSS應用於jinja2模板。我認爲它應該工作，但不知道我錯過了它。CSS未應用於jinja2模板

我的佈局：

<!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中應用爲綠色。

來源

2016-12-18 Ejaz

您確定該文件正在被瀏覽器正確加載嗎？ ''style.css'在'static'中？ – dirn

@dirn：我發現我在頁面加載時沒有收到任何錯誤。我清除了緩存並重新加載了頁面，並且它工作正常。現在每次，爲了CSS的工作，我正在清除緩存。可能是什麼問題？ – Ejaz

[有很多方法可以告訴瀏覽器加載更改後的文件。]（https://css-tricks.com/strategies-for-cache-busting-css/） – dirn

我認爲你正在嘗試Chrome瀏覽器來解決這個問題。請嘗試其他瀏覽器，如Firefox最新版本。

來源

2016-12-19 15:21:12

CSS未應用於jinja2模板

回答

相關問題