bootstrap(3)

css全局样式 —— 栅格系统

(1).响应式,移动设备优先,流式

(2).把一个容器或整个网页平均分成了12列。

(3).Bootstrap的栅格系统,由一个行和多个列构成。

(4).栅格系统通过行列的形式来创建网页布局,把具体的数据放入列当中。

   > #### 注意:栅格系统,必须放在.container 和 .container-fluid之中。

栅格系统参数

Paste_Image.png
Paste_Image.png

栅格的简单应用

Paste_Image.png
Paste_Image.png
Paste_Image.png
> #### 注意:如果列数超过12列,会自动换行。

列偏移

Paste_Image.png
Paste_Image.png
Paste_Image.png

列嵌套:就是在某个栏中,再嵌套一个完整的栅格系统

Paste_Image.png
Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容