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
可以看到界面了。

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值