django中使用bootstrap

  • Post author:
  • Post category:其他




下载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 版权协议,转载请附上原文出处链接和本声明。