我正在开发django网站并且正在使用bootstrap,我可以在Chrome浏览器上看到样式而不是firefox。
firefox检查显示引导程序的404错误,而chrome没有。感谢任何想法。
代码: -
#settings.py
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
PROJECT_DIR = os.path.dirname(os.path.abspath(__file__))
STATIC_URL = '/static/'
STATIC_ROOT = '%s/coffestatic/' % (BASE_DIR)
STATICFILES_DIRS = ['%s/website-static-default/'% (BASE_DIR),
("bootstrap", '%s/bootstrap' % (BASE_DIR)),]
<head>
{% load static %}
<link href="{% static'bootstrap/css/bootstrap.css'%}"rel="stylesheet">
</head>
BASEDIR
|--ProjectFolder
|------Apps
|--BootstrapDir
|------css
谢谢
我不确定你的settings.py文件是否正确,因为它们与我设置的方式不同。话虽这么说,我不是专家,你可能正在为我运行不同版本的django。我注意到的是你的链接文件中没有文件类型。如果没有这个可能Chrome也没关系,但是如果没有它,Firefox可能会有一种风格。尝试改变:
<link href="{% static'bootstrap/css/bootstrap.css'%}"rel="stylesheet">
至
<link href="{% static'bootstrap/css/bootstrap.css'%}"rel="stylesheet" type="text/css">
只是一个猜测....
在html文件中使用bootstrap starter文件会有所帮助;因为我做了同样的事情并且有所帮助。在body部分的末尾添加这些文件:
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRS
并在head部分的开头添加这些文件:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
我是django的初学者,所以不确定,但它对我有用。
在项目文件夹中,创建具有任何名称的目录。让我们命名__shared__
并将css和jss文件夹放在目录中
并在底部的settings.py中输入此代码
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "__shared__"),
]