django中使用bootstrap
下载bootstrap
首先在官网下载源码
https://v3.bootcss.com/getting-started/#download
下载第二个源码的
在创建好的项目里配置
在已经创建好的项目的根目录project下创建static文件夹
在static文件夹下面再创建一个bootstrap文件夹
之后打开setting.py 在最后添加:
STATIC_URL = '/static/'
STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'),)
一般来说第一句是在最后已经有的。
view.py 和 urls.py里面的转发都写好
view.py:
def index(request):
return render(request, 'index.html')
urls.py:
urlpatterns = [
path(r'index', views.index)
]
配置bootstrap
复制下载的bootstrap里面的dist里面的三个文件夹:css、js、fonts
粘贴到我们项目里新建的static下的bootstrap里
找一个模板
在下载的bootstrap文件里的docs里的example里面找一个模板。
里面有一个html和一个css文件, css文件复制到static下的bootstrap下的css里面。
将html复制到templates下面,改名为mb,用编辑器打开,将里面的一些link指向bootstrap的路径修改为
link href="/static/bootstrap/css/bootstrap.min.css"
诸如此类,还包括script指向bootstrap的路径。
之后在templates里面新建一个文件夹,同名项目名。在新建的目录下新建一个HTML:index.html。在里面写{% extends ‘mb.html’ %}
之后运行python manage.py runserver
可以看到界面了。
版权声明:本文为weixin_43168138原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。