Bootstrap未命中HTML

-2

Bootstrap未命中HTML。我使用Flat UI的Bootstrap。我在寫的index.html像Bootstrap未命中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>

我指定具有平板UI像<link rel="stylesheet" href="{% static './bootflat.github.io/bootflat/css/bootflat.min.css' %}">，但設計是不是changed.I訪問http://localhost:8000/static/bootflat.github.io/bootflat/css/bootflat.min.css,but找不到網頁文件夾路徑（404）請求方法：GET請求URL錯誤發生。所以我認爲路徑是錯誤的。目錄結構

的index.html是accounts.accounts文件夾結構

什麼是錯在我的代碼？我應該怎樣解決這個問題？

來源

2017-09-27 user8634222

首先遵循一些教程，瞭解django項目的結構。 –

我想你錯過了將STATICFILES_DIRS包含在settings.py中。將此行添加到您的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

我首先回答了一個問題，就是說你應該鼓勵他去完成django-project staructure的工作。但是現在在我編輯了你的答案之後，我提出了這個答案。我希望你不介意。 –

是的，我明白了，歡呼:) –

Bootstrap未命中HTML

回答

相關問題