在Django里使用BootStrap

在Django里使用BootStrap

1. 确保 INSTALLED_APPS 中含有 django.contrib.staticfiles

2. 在 setting 文件中，定义 STATIC_URL = '/static/'

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

4. 此时，你的 html 文件由于与 css 等文件夹不在同一个目录下，所以需要在每一个 html 文件最开头加入一行代码，{% load static %} 告诉 Django 文件夹在哪里。

   注意，像stylesheet这类的文件是不能使用{% load static %} 的。

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

   <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"/>

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

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

   {% block content %}{% endblock %}

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

   {% extends "same_head.html" %}

   {% block content %}

   在最后加上一行代码

   {% endblock %}

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