响应式布局：伸缩布局的成熟（流式布局）//响应式一套部署
用处：后台管理系统（引入组件eCharts）前端：展示性页面（不要太复杂的业务逻辑，展示为主）
兼容性： 基本pc端 移动端 全平台兼容 （跨平台，跨浏览器）
更新：社区更新活跃
从CDN引入优点：
缺点：
<html lang="zh-cn">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
.selector-for-some-widget { box-sizing: content-box; }
.container, 居中，适配不同的断的 max-width 尺寸
.container-fluid, 全屏，适配屏幕的 width: 100% 尺寸
.no-gutters
.order-1到.order-1212个级别的顺序
默认先计算没有设置order。再排序设置order的
使用响应式的.offset-*栅格偏移方法（有拥挤，互不侵占）
还有pull和push
兼容所有HTML标题集，涵括从 <h1> 到 <h6>,的六种标题展现
子标题：内部加small标签 class=‘text-muted’
text- 文本信息 文字标签 lead 等等
还有代码块
图片响应且不会被干扰
float-right float-left float-none清除浮动
?<picture> <source srcset="大规格图片.jpg" media="(min-width: 800px)" > <source srcset="中规格图片.jpg" media="(min-width: 600px)"> <source srcset="小规格图片.jpg"> <img src="通用图片.jpg" alt="这是当浏览器不支持picture标签时显示的图片"> </picture>
原文：https://www.cnblogs.com/-constructor/p/12461816.html