我正在从Bootstrap 3迁移到4，并试图了解网格之间的差异。
https://getbootstrap.com/docs/4.0/layout/grid/
它说：
由于使用了flexbox，没有指定宽度的网格列将自动布局为等宽列。例如，四个
.col-sm实例将自动从小断点开始向上增加25％的宽度。列类别表示您希望在每行可能的12列中使用的列数。因此，如果要跨三个相等宽度的列，则可以使用
.col-4。
鉴于此，使用之间会有什么区别
.col-sm的四个实例.col-3的四个实例这两个都将占据.row的25％宽度。是吗？
那么以任何一种方式指定它有什么区别？
在Bootstrap 3中，您必须使用12列网格中的特定数字，例如使用.col-sm-3的4个实例意味着自12/3 = 4以来，您将有4列（宽度为25％）
答案 0 :(得分：2)
“鉴于此，使用之间有什么区别？”
.col-sm的四个实例.col-3的四个实例
是的，在某些情况下它们看起来是相同的，但是col-3永远不会垂直堆叠，因为它适用于最小的（xs）断点。但是，col-md将垂直堆叠在小于768px的中等断点上。
https://www.codeply.com/go/xi74w61tdk
在使用4列的用例之外，col-3的宽度始终为25％。无论数字列如何，col-md都会平均增长。
另请参阅：What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
答案 1 :(得分：1)
在 Bootstrap 3 网格系统中，我们有4个断点
超小（适用于智能手机.col-xs-*）
小（适用于平板电脑.col-sm-*）
中等（用于笔记本电脑.col-md-*）
大（适用于笔记本电脑/台式机.col-lg-*）。
引导程序4 中有一个新的-xl-大小。另外-xs-中缀也已删除，因此最小的列只是col-1，col-2..col-12等。
col- *-0（xs）
col-sm- *-576像素
col-md- *-768px
col-lg- *-992px
col-xl- *-1200px