【CSS】CSS框架-Bootstrap4

 特性：

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

Bootstrap 应用场景

• 基础样式
• 常用组件
• JS 插件

Bootstrap JS 组件：基于JQuery开发，依赖于Popper.js,引入bootstrap.js, 用于组件交互，下拉、弹框等。

使用方式：

1. 基于data-*属性
2. 基于JS API

Bootstrap 响应式布局

 

Bootstrap 定制方法

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

Bootstrap 优缺点

优点：CSS代码结构合理 现成的样式可以直接使用

缺点：定制较为繁琐 体积大