栅格系统（布局）

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

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

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

bootstrap网格布局