django css适用于chrome而不是firefox

问题描述 投票:0回答:3

我正在开发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)),]

HTTP file.html

<head>
{% load static %}

<link href="{% static'bootstrap/css/bootstrap.css'%}"rel="stylesheet">
</head>

Files structure

BASEDIR

|--ProjectFolder

|------Apps

|--BootstrapDir

|------css

Work flow

  • 定义静态文件
  • python manage.py collectstatic
  • 在html中定义样式
  • 运行项目

谢谢

python html css django html5
3个回答
0
投票

我不确定你的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">

只是一个猜测....


0
投票

在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的初学者,所以不确定,但它对我有用。


0
投票

在项目文件夹中,创建具有任何名称的目录。让我们命名__shared__并将css和jss文件夹放在目录中

并在底部的settings.py中输入此代码

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "__shared__"),
]
© www.soinside.com 2019 - 2024. All rights reserved.