HTML中引入bootstrap组件

第一步：

 首先进入bootstrap官网：Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网，点击下载bootstrap，跳转到下一个界面，下载Bootstarp模块，即可得到bootstrap-3.4.1-dist压缩包

然后在自己的工程文件下创建static文件夹（目录）继续创建plugins夹（目录），将来bootstrap-3.4.1-dist压缩包解压到plugins文件夹中得到。

第二步：

在自己的工程文件下再创建一个html文件，命名为初始bootstrap如图，并在head引入bootstrap架构如图：

到此完成bootstrap框。

Bootstrap的使用，新建一个html文件，在head部分加入<link rel="stylesheet" href="static/plugins/bootstrap-3.4.1/css/bootstrap.css">，其中应该注意的是link在使用时应该用rel标明属性值的配置是什么，如图：

图标用法：

bootstrap：拷贝的是<span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>

用法如图：<div class="panel-heading">

<span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>

  数据列表</div>