Bootstrap

一个 css 框架
twitter 出品
提供通用基础样式

Bootstrap4

兼容 IE10+
使用 flexbox
抛弃 Nomalize.css
提供布局和 reboot 版本

功能：

基础样式
常用组件
JS 插件

JS 组件

使用方式：

基于 data-* 属性
基于 JS API

响应式布局

<576px	>=576px	>=768px	>=992px	>= 1200px
.col-	.col-sm-	.col-md-	.col-lg-	.col-xl-

定制

使用 css 同类名覆盖
修改源码重新构建
引用 scss 源文件修改变量

总结

Bootstrap 的优缺点：

优点：Css 代码结构合理现成的样式可以直接用
缺点：定制较为繁琐体积大

Bootstrap 如何实现响应式布局：

原理：通过 media query 设置不同分辨率的 class
使用：为不同分辨率选择不同的网格 class

如何基于 Bootstrap 定制自己的样式：

使用 CSS 同名类覆盖
修改源码重新构建
引用 scss 源文件修改变量