Bootstrap4开发笔记参考

大部分前端界面交互都在逐步支持bootstrap4，由于之前adminlte支持的bootstrap3，现在想升级到最新的adminlte3，需要bootstrap4才能支持。

Bootstrap3 和 Bootstrap4 区别

先对比看看不同点

Bootstrap3 的4种栅格：

• 特小（col-xs-） 适配手机(<768px)
• 小（col-sm-） 适配平板(≥768px)
• 中（col-md-） 适配电脑(≥992px)
• 大（col-lg-） 适配宽屏电脑(≥1200px)

Bootstrap4 的5种栅格：

• 特小（col-）(<576px)
• 小（col-sm-）(≥576px)
• 中（col-md-）(≥768px)
• 大（col-lg-） (≥992px)
• 特大（col-xl-）（≥1200px）

Bootstrap4 特点

新增网格层适配了移动端；
全面引入ES6新特性（重写所有JavaScript插件）；
css文件减少了至少40%；
所有文档都用Markdown编辑器重写；
放弃对IE8的支持

css单位中px和em,rem的区别

上面两个版本中都提到了px（Pixel ）像素、em、rem（root em），根据历史发展而来。看看你认识多少单位。

收集权威开发工具

这个参考很有意思，告诉你所有classname作用，还有对应展示效果图。比如你想来个外边距，忘记classname和具体对应边距数值，查起来很方便。还可以学习记住更多的classname对应的样式效果技巧。
Bootstrap4 Class guide

Bootstrap4 utilities sizing

bootstrap_utilities

bootstrap4-grid-basic

bootstrap_pagination