**移动Web -11 响应式网页开发
一. BootStrap
Bootstrap 是由 Twitter 公司开发维护的前端 UI 框架,它提供了大量编写好的 CSS 样式,允许开发者结合一定
HTML 结构及JavaScript,快速编写功能完善的网页及常见交互效果。
中文官网: https://www.bootcss.com/
![](https://img-blog.csdnimg.cn/img_convert/6b35f822276bcb59bef9009e6dab9423.png)
二.栅格系统
栅格系统(grid systems),也叫“网格系统,它就是通过一系列的行(row)与列(column)的组合创建页面布局。
我们的内容可以直接放入BootStrap栅格系统里面。
默认将网页分成12等份
![](https://img-blog.csdnimg.cn/img_convert/11cb079dc2a21067225b686bbed57f3e.png)
三.栅格系统之间列偏移
![](https://img-blog.csdnimg.cn/img_convert/c877e62793f16c99251a486919834510.png)
四.栅格系统之间列嵌套
![](https://img-blog.csdnimg.cn/img_convert/ff6ce178d89b9efe3d8b1b623336c9bd.png)