# 栅格系统简介
Bootstrap 为了更好地实现响应式、移动设备优先的原则,将所有的行(row)和列(column)组合到一起,设计了最多12列的流式栅格系统。
> **栅格的重点在于在排版上更好的进行适配,在不同的分辨率下能够显示显示不同的效果。将所有分辨率下的网页水平方向分成12列,那么在不同的分辨率下,水平方向显示不同的列数进而达到适配。**
:-: ****![](https://img.kancloud.cn/97/fc/97fcc9f04be2eb1fa0b2856c154421f2_505x360.png)****
:-: ****![](https://img.kancloud.cn/b1/ae/b1aeefd24fdd79063426b36bf5b21548_806x437.png)****
:-: ****
栅格系统运用媒体查询的原理,意义在于实现响应式设计。