《表1 栅格参数：基于Bootstrap的响应式网页设计》

  提示：宽带有限、当前游客访问压缩模式

本系列图表出处文件名：随高清版一同展现

《基于Bootstrap的响应式网页设计》

1. 获取 高清版本忘记账户？点击这里登录

1. 下载图表忘记账户？点击这里登录

栅格系统在网页设计中用固定的格子进行页面布局，是一种清晰工整的设计风格。Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类和强大的mixin用于生成更具语义的布局。栅格系统用于通过一系列的行（row）和列（column）的组合来创建页面布局，Bootstrap为不同屏幕宽度定义了不同的类，它使用4种栅格选项来形成栅格系统，这4种栅格选项的区别在于适用不同尺寸的屏幕设备。如表1所示。