Bootstrap快速学习笔记（3）网格系统

欢迎收看大奥编写的Bootstrap快速学习笔记（3）网格系统

本学习笔记根据[慕课网]教程修改而来，用它学习Bootstrap，将会带来全新的体验哦：

• 实现原理
• 工作原理
• 基本用法

---

详细介绍

 

• 实现原理 在宽度方向上按照容器的大小平均分成12份
• 工作原理 首先设置存放具体内容的列容器<div class="col-md-4">，其次设置数据行<div class="row">，在最外围要设置大容器<div class="container">
• 基本用法通过列组合，每列所占列数之和与偏移列数的总和不得超过12；列数通过 col-md-* 类来设置；列偏移通过 col-md-offset-* 来设置；列排序通过 col-md-push-* 向右移动，col-md-pull-* 向左移动；此外，还可以使用列的嵌套，主要通过在列容器中添加行容器来实现，可以添加多个

注意：知识的积累是一个漫长的过程，请继续关注后续内容。