网格系统

欢迎收看大奥编写的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-* 向左移动;此外,还可以使用列的嵌套,主要通过在列容器中添加行容器来实现,可以添加多个

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

posted @ 2015-12-23 19:35  大奥这个人  阅读(102)  评论(0编辑  收藏  举报