下载掌阅APP，畅读海量书库
立即打开
Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，即随着屏幕或视口（viewport）尺寸的增大，系统会自动分为栅格（最多12列）。
栅格系统的实现原理非常简单，是通过定义容器大小，将屏幕或视口尺寸平分为12份，再调整内外边距，最后再结合媒体查询，制作出响应式的栅格系统。Bootstrap默认的栅格系统平分为12份，在使用的时候，读者也可以根据情况通过重新编译 Sass源码来修改12这个数值。
栅格系统就是把网页的总宽度平分为12份，用户可以自由按份组合。栅格系统使用的总宽度可以不固定，Bootstrap是按百分比进行平分。12栅格系统是整个Bootstrap的核心功能，也是响应式设计核心理念的一个实现形式。Bootstrap 4与 Bootstrap 3有个显著的不同之处—Bootstrap 4使用flexbox（弹性盒子）来布局，而不是使用浮动来布局。