1.概念
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的，用于
快速开发
Web 应用程序和网站的
前端框架
。
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的前端框架。
Bootstrap是一款CSS/HTML的框架库，目前最新版本V4.6.0；
Bootstrap集成了各种常用的前端（HTML、CSS和JavaScript）组件库；
Bootstrap用于响应式前端布局，移动设备优先的Web项目开发；
Bootstrap官网
https://v4.bootcss.com
2. 结构
基本结构：
Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。
Bootstrap 自带以下特性：
全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，
以及一个先进的网格系统。
组件：
Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。
JavaScript 插件：
Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这
些插件。
定制：
您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。
3.导入bootstrap资源
?
4.布局系统
?Bootstrap4.x 提供了.container和.container-fluid两种容器布局，这两种样式是启用布局栅格系统最基本的要素
.contianer是固体自适应方式，.container-fluid是流体100%自适应方式；容器布局可以嵌套，但一般不推荐使用；
5.栅格系统
Bootstrap4.x 的栅格系统是一个以移动为优先的网格系统；基于
12列
的布局，5种响应尺寸（面向不同屏幕设备）； 完全使用flexbox流式布局构建的，完全支持响应式标准；具体采用div容器的行、列和对齐内容来构建响应式布局。 实现一个一行三列的布局，通过chrom浏览器切换屏幕测试，为了显示的更加清楚，可以给行列加对比鲜明的CSS样 式查看。.row表示一行，.col-*表示一列，实现了智能三列。sm表示屏幕类型。如果采用的是.container-fluid,会 100%占用屏幕的宽度。在.col-sm-*的“*”位置， 还可以强制设定每列所占有的栅格列。所占的栅格位正好是12
列，超过12列则会换行，小于12例则不能100%，智能计算和强制设置栅格位都是等宽的，也可以设置不对称。