GridGridSystemBootstrap提供了一套响应式、移动优先的流体网格系统，随着屏幕或视口（viewport）的尺寸增大，系统会自动将其分成最多12列。网格系统用于通过一系列的行和列来创建页面布局，你的内容可以放在这些创建的布局中。网格系统的实现原理很简单，只需定义容器的大小，划分分成12个部分（也有24个部分或32个部分，但12个部分是最常见的），然后调整内外边距，最后结合媒体查询，这样就创建了一个强大的响应式网格系统。Bootstrap框架中的网格系统是将容器分成12等份。注意：网格系统必须使用csscontainer,row,xs(xsmallphones),sm(smalltablets),md(middledesktops),lg（更大的桌面）即：超小屏（自动）、小屏（750px）、中屏（970px）和大屏（1170px）数据行（.row）必须按顺序包含在容器（.container）中给它适当的对齐和填充。可以将列（.column）添加到行（.row），并且只有列（column）可以用作行容器（.row）的直接子元素,但列的总和不能超过均分的列总数，例如12。如果大于12，会自动切换到下一行。具体内容应该放在列容器（column）内4列