將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模板

回答

相關問題