《Bootstrap响应式网站开发》课件——第三章Bootstrap栅格系统.pptxVIP

bootstrap响应式网站开发第三章Bootstrap栅格系统

Bootstrap栅格系统的原理1

《Bootstrap响应式网站开发》栅格系统的实现原理非常简单，仅仅是通过容器大小，平均分配12份，在调整内外边距，最后结合媒体查询，从而实现强大的响应式栅格系统。栅格系统把网页的总宽度平均分成12份，可以按份自由组合。有名的960GridSystem（网址https://960.gs/demo.html），它把960像素宽的区块切分成12栏，在视觉设计与网页排版时就按照所需要的大小对齐栏线，如图3-1所示。Bootstrap栅格系统--Bootstrap栅格系统的原理栅格系