django使用配置bootstrap

總體的目錄結構如下圖:mysite 是我創建的一個項目
django使用配置bootstrap

一、首先在你的項目文件夾下創建一個名爲 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' %}" ,根據自己實際情況修改;
django使用配置bootstrap

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章