刚开始学习前端的小伙伴肯定很苦恼，网页中每一个元素的属性都要自己动手配置，有时候改了前面的属性，后面的元素有变得混乱不堪，又一个一个重新配置，这实在是令人抓狂。而Bootstrap就是来解决这样的用户痛点，帮助开发者快速写出前端界面。
按照官网的介绍，Bootstrap 是最受欢迎的HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 通过已经得以好的元素属性与页面配置，帮助开发者快速开发项目，受到极大的欢迎。Bootstrap是个开源项目，托管在Github上。点击前往
为了方便，我们可以直接在Bootstrap中文网上下载其资源包。另外，官网提供官方文档，帮助用户理解使用。
其中共有三个下载按钮，对于初学者来说下载第一个就够了。第一个是压缩后的Bootstrap文件，适合项目上线开发使用，对于不要求知道源码的开发者使用，第二个是完整版的，供深度学习使用，第三个是在Sass项目中使用的，这里不过多介绍了。 下载后解压缩文件，可以看到 css，js，fonts 三个文件夹，里面就存放着我们所需要的文件。其中的fonts是部分图标的文件。
在html文件中，直接引用css与js文件，即可快速配置。
CSS文件引用
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">js文件引用
<script src="bootstrap/js/bootstrap.js"></script>另外，Bootstrap的js文件的使用需要jQuery的引用，可在jQuery官网下载。
下面是引用的完整代码
!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>前端:Bootstrap配置教程</title> <link rel="stylesheet" href="bootstrap/css/bootstrap.css"> <link rel="stylesheet" href="font_class/iconfont.css"> </head> <body> <!--网页代码内容--> <script src="jquery/jquery-3.4.1.js"></script> <script src="bootstrap/js/bootstrap.js"></script> </body> </html>