ブートストラップがHTMLにヒットしない

-2

ブートストラップがHTMLにヒットしません。フラットUIのブートストラップを使用しています。は私が<link rel="stylesheet" href="{% static './bootflat.github.io/bootflat/css/bootflat.min.css' %}">のようなフラットUIを持っているが、設計ではありませんchanged.Iが見つからないhttp://localhost:8000/static/bootflat.github.io/bootflat/css/bootflat.min.css,butページにアクセスしたフォルダのパスを指定ブートストラップがHTMLにヒットしない

{% load staticfiles %} 
<html lang="ja"> 
    <head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" href="{% static './bootflat.github.io/bootflat/css/bootflat.min.css' %}"> 

    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <style> 
     body { 
     padding-top: 70px; 
     } 

     .my-form { 
     width: 640px; 
     margin: 0 auto; 
     } 

     @media screen and (max-width: 768px) { 
     .my-form { 
      width: 100%; 
     } 
     } 

     .errorlist li { 
     list-style-type: none; 
     } 

     .errorlist { 
     color: red; 
     margin-left: 0; 
     padding-left: 0; 
     } 
    </style> 
    </head> 
    <body> 
    <nav class="navbar navbar-default" role="navigation"> 
     <div class="navbar-header"> 
      <p class="navbar-text">Hello</p> 
      {% if user.is_authenticated %} 
      <p class="navbar-text">{{ user.get_username }}</p> 
      {% endif %} 
     </div> 
    </nav> 

    <div class="container"> 
     {% block content %} 
     {% endblock %} 
    </div> 

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

    <!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script> 
    </body> 
</html>

ようindex.htmlの中に書いた（404）リクエスト方法：リクエストURLエラーをGET起こります。だからパスは間違っていると思う。ディレクトリ構造

のindex.htmlがaccounts.accountsフォルダ構造になっているが

私はこの問題を解決する必要がありますどのように？私のコードで何が間違っているのですか？

出典

2017-09-27 user8634222

まず、チュートリアルに従い、djangoプロジェクトの構造を学んでください。 –

私はあなたのsettings.pyにSTATICFILES_DIRSを含めることができなかったと思います。この行をsettings.pyに追加してください。その後、

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'bootflat.github.io'), ]

とによって、テンプレート内の静的ファイルにアクセス：

 {% static 'bootflat/css/bootflat.min.css' %}

STATICFILES_DIRSは、静的なファイルを検索するディレクトリを指定するために使用されます。

この

前にあなたは、Djangoのプロジェクトの構造がどのように機能するかを理解する必要があります。それについては、それに関するいくつかのチュートリアルに従ってください。

出典

2017-09-27 02:29:32

私は最初に答えるだけで、あなたは彼がジャンゴ - プロジェクトの冒険の仕事を経なければならないと言いました。しかし、私はあなたの答えを編集した後、私はそれをupvoted。あなたが気にしないことを願っています。 –

うん、私はそれを得る、歓声:) –

ブートストラップがHTMLにヒットしない

答えて

関連する問題