如何详细图文解析在Django项目中集成Bootstrap？

本文共计344个文字，预计阅读时间需要2分钟。

目录：

1.下载bootstrap

2.创建一个简单Demo项目

3.配置bootstrap

4.总结

5.下载bootstrap

6.下载地址：https://v3.bootcss.com/getting-started/

目录

• 一、下载bootstrap
• 二、创建一个简单Demo项目
• 三、配置bootstrap
• 总结

一、下载bootstrap

下载地址:v3.bootcss.com/getting-started/#download,选择第二个,下载带有源码的bootstrap,只能通过这种方式(django是封闭的)

下载的目录结构:

dist文件是bootstrap的核心文件

二、创建一个简单Demo项目

1.在根项目下创建一个static目录,再在static下创建一个bootstrap文件夹。

2.并在根项目下创建一个templates目录用于存放html文件。

3.找到setting.py修改STATIC_URL：(输入到该文件的末尾即可,注意符号)

STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join('static'), ) STATIC_ROOT = ''

4.setting.py修改TEMPLATES下的'DIRS'

注意：BASE_DIR是manage.py文件的所在路径

TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, "templates")], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ]

5.找到应用下的view.py文件，修改如下：

#视图函数,返回index.html页面 from django.127.0.0.1:8000/user/

总结

到此这篇关于Django中引入bootstrap的文章就介绍到这了,更多相关Django引入bootstrap内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！