Bootstrap的栅格系统有什么用
导读：本文共2175.5字符，通常情况下阅读需要7分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： 什么是栅格系统？Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。栅格系统用于通过一系列的行（row）与列（col）的组合来创建页面布局，内容就可以放入这些创建好的布局中注意：”行（row）“ 必须包含在 .container (固定宽度) 或 .container-flu... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
什么是栅格系统？
Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。
栅格系统用于通过一系列的行（row）与列（col）的组合来创建页面布局，内容就可以放入这些创建好的布局中
注意：
”行（row）“ 必须包含在 .container (固定宽度) 或 .container-fluid(100%宽度)中。
表示一个 p 占3列。
栅格参数
现在有一个需求：
如果是大屏幕，一行显示6列
如果是中屏幕，一行显示4列
如果是小屏幕，一行显示3列
如果是超小屏幕，一行显2列
列偏移
.col-lg-offset-*
" * " 偏移几个位置
在大屏幕的页面下偏移两个格子
列嵌套
在列里面再进行一次嵌套，会把列的大小平均分成12份再计算。
本文：
Bootstrap的栅格系统有什么用的详细内容，希望对您有所帮助，信息来源于网络。