在响应式□□网站中使◇用bootstrap的使用率□□□□是极大的，很多开发❖者都在使□□□□用它。那boosttrap的优势是□□□什么了？在boosttrap出现前有□□很多网站□□□□的页面排□□版命名重☆复、复杂、无意义，样式重复、冗余、不规范、不和谐，页面错乱、不规范、不和谐，而boosttrap出现后各□□□□种命名都□□□□统一并且◣规范化，页面风格□□□□统一，画面和谐。
Bootstrap的核心是□□栅格系统，Bootstrap 提供了一□□□□套响应式、移动设备□□□□优先的流✦式栅格系□□□统，随着屏幕□□□□或视口（viewport）尺寸的增□□□加，系统会自▲动分为最□□□□多12列。它包含了·易于使用☆的预定义□□□类。
排列如图：

栅格参数如图：


 
栅格系统□□□□是通过一□□系列的行（row）与列（column）的组合来□□□□组建页面□□□布局的，Bootstrap 需要为页□□面内容和□□□□栅格系统□□□包裹一个.container容器。Bootstrap提供了两□□□□个容器类（.container和.container-fluid），而这两种□□□容器类不□□□能互相嵌□□□□套。
如图：


 
当屏幕宽□□度大于和□□□□等于1200px时.Bootstrap使用.col-lg-的类来组□□建页面布△局，当屏幕宽□□度大于和□□□等于992px时.Bootstrap使用.col-md-的类来组※建页面布□□□局，当屏幕宽●度大于和□□□等于768px时.Bootstrap使用.col-sm-的类来组□□□建页面布□□□局，当屏幕宽□□□□度小于768px时.Bootstrap使用.col-sm-的类来组□□建页面布□□□局，通过这些◣响应式的◎类Bootstrap组建了一◆个在多种◇屏幕设备□□□上的响应□□□式网站。