视频链接:11.CSS框架协助前端布局
下载Bootstrap v3.3.7
下载jQuery v1.12.4
将下载的bootstrap解压并重命名为bootstrap-3.3.7,移动至static/下,这里只用到css/bootstrap.min.css和css/bootstrap.min.css.map、js/bootstrap.min.js和全部fonts/,其余的可以删除。
将下载的jQuery重命名为jquery-1.12.4.min.js,移动之static/下。
根据bootstrap文档,修改templates/base.html:
{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 对ie的设置 -->
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 响应式 -->