码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap网格布局

时间:2017-06-25 18:35:32      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:框架   网格   也有   好的   trap   优先   页面   容器   row   

栅格系统(布局)


Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。

它就是通过一系列的行(row)与列(column)的组合创建页面布局,然后内容就可以放入到创建好的布局当中。Bootstrap栅格系统的工作原理:

网格系统的实现原理是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。

bootstrap网格布局

标签:框架   网格   也有   好的   trap   优先   页面   容器   row   

原文地址:http://www.cnblogs.com/vvdsdhjjvvddddvvcdddg/p/7077353.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!