一、下载bootstrap
下载的目录结构: dist文件是bootstrap的核心文件 二、创建一个简单Demo项目1.在根项目下创建一个static目录,再在static下创建一个bootstrap文件夹。 2.并在根项目下创建一个templates目录用于存放html文件。 3.找到setting.py修改STATIC_URL:(输入到该文件的末尾即可,注意符号)
4.setting.py修改TEMPLATES下的'DIRS' 注意:BASE_DIR是manage.py文件的所在路径
5.找到应用下的view.py文件,修改如下:
6.在跟路由urls.py文件修改如下:
上面已经写好视图函数并且加好路由了,接下来开始放置bootstrap。 三、配置bootstrap1.打开步骤一下载的文件,找到dist文件夹,将里面的的3个文件夹css、fonts、js复制 2.从步骤一下载的bootstrap的压缩文件找到docs/examples/blog/下的index.html,复制到项目路径步骤二新建的/templates/目录下,然后改名为base.html。 3.将<link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> 4.将<link href="blog.css" rel="stylesheet"> 5.将<script src="../../dist/js/bootstrap.min.js"></script>
6.将步骤一下载的/docs/examples/blog/下的blog.css复制到static/bootstrap/css/目录下 7.新建一个index.html,里面只需要写对base.html页面的继承
8.运行Django,浏览器打开http://127.0.0.1:8000/user/ |
|