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