Bootstrap框架的下载和导入

Bootstrap框架的基本介绍

  完整的Web项目需要前端进行网站用户交互和页面设计，后端负责业务逻辑和数据库管理并且为前端提供数据信息。而我们在开发前端的过程中，通常一个页面的设计结构会有大致相同的框架结构，由此，想到把这些基本结构封装起来，后续就可以直接使用这些结构，而不用在重复写一样的代码，提高了开发的效率，同时也大大简化了前端开发的难度。
  Bootstrap框架就是目前比较流行的前端框架之一，是由Twitter的设计师Mark Otto和Jacob Thornton合作开发的，基于HTML、CSS、Javascript的CSS/HTML框架，简洁灵活，使得Web开发的更加快捷、并提供了优雅的HTML和CSS规范，底层动态由CSS语言Less写成。Bootstrap同时还兼顾了响应式网站的设计理念，使用Bootstrap可以开发全响应式网页，无论是使用手机、平板电脑还是普通的个人计算机，浏览网站内容时所有的元素都可以自适应地呈现。

Bootstrap框架的下载和导入

1. 进入Bootstrap中文官网：http://v3.bootcss.com/getting-started/#download，下载完成后解压。
   
   
2. 找到dist文件夹，我们需要的就是该文件夹下的三个子文件夹：css，js，fonts。
   
   
3. 在PyCharm中的项目根目录下创建static文件夹，在该文件夹下再创建css，js，fonts，img四个子文件夹，分别用来存储项目共享的样式文件、JavaScript代码文件、字体库文件和图片文件。
   
   
4. 将dist文件夹中的内容复制到static文件夹对应的子文件夹下面。
   
   
5. 在static中的css文件夹中创建一个style.css文件。后续如果有组件需要进行细微地调整，就可以在style.css文件中编写代码覆盖Bootstrap中的基础样式。
   
   
6. 在static中的js文件夹中创建以一个名为jquery.min.js文件，然后在浏览器中输入：https://www.bootcdn.cn/网址，找到jquery3.5.0版本，复制其网址链接在网页打开后，将网页内容复制到新创建的jquery.min.js文件中
   
   
   最后配置好的文件目录如下所示：