在Django里使用BootStrap

在Django里使用BootStrap

确保

INSTALLED_APPS

中含有

django.contrib.staticfiles

在 setting 文件中，定义

STATIC_URL = '/static/'

在你的 app 里建立 static 文件夹，将静态文件，例如 js、css 等文件夹存进 static 文件夹里

此时，你的 html 文件由于与 css 等文件夹不在同一个目录下，所以需要在每一个 html 文件最开头加入一行代码，

{% load static %}

告诉 Django 文件夹在哪里。
注意，像stylesheet这类的文件是不能使用

{% load static %}

的。

将所有的引用进行修改，如将

<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />

修改成

<link href="{% static 'css/bootstrap.css' %}" rel='stylesheet' type='text/css' />

或是将引用图片修改为

<img src="{% static 'my_app/example.jpg' %}" alt="My image"/>

一次修改多个网页引用位置的方法

将修改好引用位置的代码单独复制到一个新的 html 文件中，如 same_head.html ，在最后面加入代码

{% block content %}{% endblock %}

对其他网页进行修改。将重复代码删去，在最前面加上两行代码

{% extends "same_head.html" %}

{% block content %}

在最后加上一行代码

{% endblock %}

即可完成引用。 这里是用到了 template 的知识