日志

UI框架：

​ bootstrap、layUI、minUI、easyUI、vant

bootstrap:

​ 我们使用boot开发的一定是一个简单性的网页，复杂的网页我们不推荐使用boot

​ 注意：boot是依赖于jQuery的

​ boot中的响应式，向上兼容

boot引入顺序：

​ 第一步：引入jQuery； 第二步：引入Popper； 第三步：引入boot（包括css文件和js文件）； 不涉及mvvm框架

html最优质的解决方案：

​ normalize.css

文件类型：

1. 压缩文件类型：文件中带有min，如：bootstrap.min.css

2. 未压缩文件类型：文件中没有带有min，如：bootstrap.min.css

   bootstrap.min.js

使用前提：

​ html5文件类型：lang：设置网页解析所参照的语言类型

​ 移动端设备优先：viewport：设置视口

​ width=device-width：表示宽度是设备屏幕的宽度

​ initial-scale=1：表示初始的缩放比例

​ shrink-to-fit=no：自动适应手机屏幕的宽度

容器：

​ container：定宽容器，左右内边距15px，水平居中，每种不同的分辨率下，有不同的最大宽度(max-width)

​ container-fluid：变宽容器，宽度永远是父级的100%

​ 注意：boot默认只支持4个屏幕尺寸 xl lg md sm 不支持xs，boot中默认1个rem是16px。boot的css reset使用的方案是normalize.css

​ 注意：我们写的所有boot都要写在容器中

按钮：

​ 按钮类名里面必须加btn

​ 注意： 元素不支持 disabled 属性，你可以通过添加 .disabled 类来禁止链接的点击