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

猜你喜欢

转载自blog.51cto.com/13843846/2156871
今日推荐