正在进入ing...

Bootstarp4&Django学习笔记之一 安装、配置

发布时间:2020-09-16 浏览量: 1399 文章分类: 前端相关

接触Bootstarp很久很久了,但是从来没好好用过,趁着这次自己有时间,刚好Bootstarp也从3到了4,我希望能好好系统的过一遍4。顺带把这个学习的过程都记录下来,因为网上其实有很多的加教程。但是最大的问题,我觉得都是只是在教会你知道而已,但怎么能用起来,那些情况能用起来,其实都是不知道的。

废话不多说了,首先我是django+bootstarp4的方式来学习的。

下载bootstarp4及依赖

安装就比较简单了,直接官方网站下载即可。(学习的时候,我就下载源文件了)其实使用CDN也是可以的,不过我们学习的目的也不是为了玩耍,肯定是希望以后能在项目中用的,而自己正式的项目,为了稳定还是要尽量少的使用外部的一些CDN,所以还是下载源文件。 官网地址: https://getbootstrap.com/docs/4.1/getting-started/download/ 同时由于bootstarp4依赖了jquerypopper所以还要分别下载一下。我们可以随便找一个CDN,然后把里面的js文件存储到本地即可。 我的安装环境版本如下:

django=3.1.1
bootstarp=4.1.3
jquery=3.5.1
popper=1.15.0

大概在网上查看了一下,补充一个说明: bootstarp4还是主要依赖jquery的,所以他是必须要的,同时有一些组件,比如弹窗、提示、下拉菜单等也用到了popper所以为了不出问题,最好都一起引用了。

Django的目录设置

因为这里主要还是记录我学习bootstarp4的笔记,但是后端使用的是django,因此,主要介绍一下目录环境即可。

bootstarp4本地配置样式