讲了很多，但我好像没理解清楚

同学你好，不用把栅格系统想的太过复杂，只要知道它可以将整体划分为固定的份数，常见的是12份，然后通过一些类名可以为子元素分配空间。至于哪种方式实现的栅格系统，不用特别关心，只要会用就行。知识点大概分为以下几个方面：

1. grid-flex如果row内的col属性div都没有设置数字，项目不会平分，会按自己占用的空间排布，如下：

2. 如果设置的总数值超过12个，会换行，因为一行最多12份。

3. 核心在于使用类名为结构设置占用的份数（占用几份空间）。

a）样式前缀如下:

超小屏: col-

小屏:col-sm-

中屏: col-md-

大屏:col-lg-

超大屏:col-xl-

其中col-1代表元素在超小屏下占用1份，其余类推。

b) 常用类名：

col-xx-份数：

d-XX-none和d-XX-block：

col-XX-offset-份数：

push推几格，pull拉几格：

还有“col-order-xx”用来排序，同学可以对应源代码看下什么意思，然后自己将可用的类名总结一下（会用即可）。

如果我的回答帮到了你，欢迎采纳，祝学习愉快！