小白级将网上找的Bootstrap模板导入到Django中使用

将网上找的Bootstrap模板导入到Django中使用

1、首先下载一个bootstrap框架
2、下好后在你的django应用app内建一个static文件夹
再建一个bootstrap文件夹
将下载好的bootstrap dist文件夹中的css、font、js文件夹复制到项目的static/bootstrap文件夹中
3、在网络上下载了一个bootstrap模板
将模板中的css、js与之前在项目中的css、js合并,将模板中的其他文件夹例如:img等直接复制到css同目录下;将模板中的HTML文件复制到项目原templates文件夹中
在这里插入图片描述

4、修改django中setting相关配置
在setting文件末尾 添加

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

5、选择导入进来的HTML文件,修改其中的css、js相关的herf路径,将其改为当前css、js所在的位置(例如:/static/bootstrap/…名字)
修改文件中的图片路径
6、配置路由,将页面显示出来。

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Django Bootstrap是一种美观的模板框架,结合了Django框架和Bootstrap的功能和特性。Bootstrap是一个流行的HTML和CSS框架,它提供了一组美观且易于使用的UI组件和样式表。通过使用Django Bootstrap,我们可以快速构建出具有吸引力和响应式设计的网站或Web应用程序。 Django Bootstrap提供了一些内置的模板标签和过滤器,使得在Django使用Bootstrap更加方便。这些模板标签和过滤器可以帮助我们通过简单的代码实现各种界面元素,比如导航栏、表单、按钮、警告框等。此外,Django Bootstrap还提供了一套预定义的样式表,可以直接在模板使用使用Django Bootstrap,开发者无需自己编写繁琐的HTML和CSS代码,而是可以通过简单的模板标签和过滤器来构建页面布局和样式。这极大地提高了开发效率,使得开发者可以更专注于业务逻辑的实现。 此外,Django Bootstrap还支持响应式设计,可以根据不同设备的屏幕尺寸自动调整页面布局和样式。这使得网站或Web应用程序可以在不同的设备上获得良好的用户体验,无论是在桌面还是移动设备上。 总之,Django Bootstrap是一个美观的模板框架,它通过结合DjangoBootstrap的功能,帮助我们快速构建出具有吸引力和响应式设计的网站或Web应用程序。无论是在开发效率还是在用户体验方面,Django Bootstrap都是一个非常有价值的工具。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值