django使用配置bootstrap

時間 2020-02-02

原文原文鏈接

整體的目錄結構以下圖：mysite 是我建立的一個項目
css

1、首先在你的項目文件夾下建立一個名爲 static 的目錄 ,並把下載好的bootstrap目錄拷到static目錄下。html

2、打開settings.py文件，在文件的最後添加以下內容：django

# 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"),
)

3、在html中引用，主要在html文件頭部做以下修改：bootstrap

{% 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' %}" ,根據本身實際狀況修改；
ide

相關標籤/搜索