jinja2 템플릿에 CSS가 적용되지 않습니다.

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>

홈 페이지 : CSS 파일이

{% 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 %}

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

홈 페이지가 렌더링 제대로하지만 배경색이 홈 페이지의 div에서 녹색으로 적용되지 않습니다.

출처

2016-12-18 Ejaz

브라우저에서 파일을 올바르게로드하고 있습니까? 'static.css'는'static'입니까? – dirn

@dirn : 페이지로드에 오류가 발생하지 않았 음을 알았습니다. 캐시를 지우고 페이지를 다시로드했는데 정상적으로 작동했습니다. 그리고 지금은 CSS가 작동 할 때마다 캐시를 지우고 있습니다. 무엇이 문제 일 수 있습니까? – Ejaz

[변경된 파일을로드하도록 브라우저에 알리는 방법이 많이 있습니다.] (https://css-tricks.com/strategies-for-cache-busting-css/) – dirn

이 문제에 대해 Chrome 브라우저를 사용하려고합니다. firefox 최신 버전과 같은 다른 브라우저를 사용해보십시오.

출처

2016-12-19 15:21:12

jinja2 템플릿에 CSS가 적용되지 않습니다.

답변

관련 문제