總體的目錄結構如下圖:mysite 是我創建的一個項目
一、首先在你的項目文件夾下創建一個名爲 static
的目錄 ,並把下載好的bootstrap目錄拷到static目錄下。
二、打開settings.py文件,在文件的最後添加如下內容:
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.11/howto/static-files/
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'collectstatic')
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static"),
)
三、在html中引用,主要在html文件頭部作如下修改:
{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>INDEX</title>
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
</head>
由於我的bootstrap 目錄如下所示,所以我的 href="{% static 'css/bootstrap.min.css' %}" ,根據自己實際情況修改;