1.前端框架：
★ 前端框架的概念【
☆别人写好的，有一堆预定义的代码（html、css、一部分封装的js）
☆可以直接使用（直接使用定义好的class、直接使用它定义好的 html层次结构（也称组件）、js插件）
☆也可以改参数使用
☆
】
2.bootstrap使用与介绍
◆bootstrap版本：【
◇2.x版本：早期的，目前很难看到了
◇3.x版本：目前比较流行
◇4.x版本：更为侧重于移动端
】
◆bootstrap 模板：【
◇ <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>，这是html5新语义标签的兼容性js
◇ <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>，这是在低版本ie中 实现媒体查询的js
◇
】
◆bootstrap 小技巧：【
◇其实原理就是添加别人定义好的类，那些类有设置css样式或js脚本的事件
◇那些类都是有规律的，按照规律去记就行了
◇lg表示大（large）,md表示中等大小（middle），sm表示小（small），xs表示超小（extra small）等等。
☆一个好的框架不是因为越难才越受欢迎，而是越好用越受欢迎，封装框架的人将你某一时认为很难的东西都封装起来了，你只需要简单的去找规律然后简单的使用即可，其实到后来你还是会认为原理也是很简单的，只是时间问题。
】
◆bootstrap 栅格系统：【
◇.container（固定宽度）：row、column，这个布局是，在某个范围内 取值是一定的。
◇.container-fluid（100%宽度）：row、column，这个局部是，根据父盒子进行缩放。
◇默认将一行分为12份，在col后面对应的数字表示该该元素占这一行的几份，如col-md-1（占一份）。
◇如果一行超过了12份就会换行。
◇如果想要在不同的屏幕宽度上 实现不同的布局，可以通过添加col-lg（大屏幕）、col-md（中等屏幕）、col-sm（小屏幕）、col-xs（超小屏幕）来进行区分。
◇如果只写了 col-lg 那么会在小于1200的宽度下独占一行。
◇如果只写了 col-lg col-md 那么会在小于992的宽度下 独占一行
◇如果只写了 col-lg col-md col-sm 那么在小于768的宽度下 独占一行
◇如果只写了 col-lg col-md col-sm col-xs 会在对应的屏幕宽度下 使用设置的值，不会独占一行了
】
---------------------
作者：jwllwj_2018
来源：CSDN
原文：https://blog.csdn.net/jwlLWJ_2018/article/details/80620558