链接到有效的外部CSS但显示没有样式

时间:2018-05-23 03:19:50

标签: css django

我的项目论坛将其文件构造为:

forum
├── __init__.py
├── settings.py
├── static
│   └── css
│       └── bootstrap.min.css
├── templates
│   └── index.html
├── urls.py
└── wsgi.py

我将“bootstrap.min.css”链接到index.html,如:

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Forum Home Page</title>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css" />
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-md-12">
          <h2>Coding Journey</h2>
        </div>
      </div>

      <div class="row">
        <div class="col-xs-12 col-md-2">Concepts
          <button type="button" class="btn btn-success">Submit</button>
        </div>
        <div class="col-xs-12 col-md-2">Reading</div>
        <div class="col-xs-12 col-md-2">Coding</div>
      </div>

    </div> <!--container-->

  </body>
</html>

但是,在浏览器中打开index.html时,它根本没有设置样式。

我的操作有什么问题?

enter image description here

setting.py

STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static")
)

2 个答案:

答案 0 :(得分:3)

查看你的设置文件,可能是因为你只是传递了一个字符串作为字符串的列表/元组....
我想你的意思是

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),  # notice the comma here
)

这是Python的一个问题,你需要添加一个显式逗号来区分元组和只是括号

答案 1 :(得分:1)

您可以找到更多详细信息here

setting.py 
STATIC_URL = '/static/' STATICFILES_DIRS = [
os.path.join(BASE_DIR,"static")]

urls.py
from django.conf import settings
from django.conf.urls.static import static
urlpatterns[
'your url'
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)