网格系统
欢迎收看大奥编写的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-* 向左移动;此外,还可以使用列的嵌套,主要通过在列容器中添加行容器来实现,可以添加多个
注意:知识的积累是一个漫长的过程,请继续关注后续内容。