PS:本人为新手,该文章仅作为笔记记载学习
1.什么是Bootstrap?
Bootstrap是Twitter公司推出的,专门用于开发响应式布局,移动设备优先的WEB框架
(美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架.由动态CSS语言Less写成.国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来 —度娘)
Bootstrap当前最新版本为Bootstrap4,但当下企业使用最多的是Bootstrap3
Bootstrap3和Bootstrap4的区别:
Bootstrap3
Less
4种栅格类
使用px为单位
使用push和pull向左右移动
使用float的布局方式
Bootstrap4
Sass语言编写
5种栅格类
使用rem和em为单位(除部分margin和padding使用px)
偏移列通过offset-类设置
选择弹性盒模型(flexbox)
Bootstrap兼容性
Bootstrap的目标是在最新的桌面和浏览器上有最佳的表现,也就是说,在较老的浏览器上可能会导致某些组件表现出的样式有不同,但是功能是完整的
IE8以上都能完美使用,IE8一下需要通过一些额外的配置来保证其完整性