将css集成到Django模板

我有一个django项目，并且已经添加并开始将bootstrap集成到我的项目中以用于基本模板以及包含内容的其他模板。我想知道如何从我的项目中整合自定义CSS来更好地调整我的项目，以及如何让特定的东西适合在一起。我将添加html基本模板以及包含文件的目录以提供参考。将css集成到Django模板

下面是HTML文件：

{% load staticfiles %} 
<!DOCTYPE html> 
<html> 
<head> 
    <title>{% block title %}{% endblock %}</title> 
    <link href="{% static "static/css/main.css" %}" rel="stylesheet"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> 
</head> 
<body> 
    <div id="content" class="container-fluid"> 
     {% block content %} 
     {% endblock %} 
    </div> 
</body> 
</html>

下面是我对这个项目，所以你可以得到的文件是其中一个想法的目录。

来源

2017-10-11 Omar Jandali

你不需要"报价路径，也可以作为您已经指定你被{% static寻找在静态文件夹中你只需要一个static目录后，得到的路径。

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

来源

2017-10-12 00:58:09

我改变了链接到你的要求，并添加CSS的文件是什么，但CSS仍然没有显示我的网页上了....下面是HTML'<链接的href =“{％静态” css/mainstyle.css'％}“rel =”stylesheet“>'我将css文件名更改为我的目录中的主要样式。这里是我已经添加到文件中的CSS ...'body {background_color：blue， }'并且我的身体没有发生任何事情@AstikAnand –

@OmarJandali，您的项目中有'main.css'文件而不是'mainstyle.css'。 –

我改变了我的目录中的文件的名称.... @AstikAnand –

将css集成到Django模板

回答

相关问题