📅  最后修改于: 2023-12-03 14:50:43.811000             🧑  作者: Mango
在使用Bootstrap或其他CSS框架进行网页设计时,我们通常会使用网格系统来布局网页。网格系统主要包括了许多CSS类前缀,以及对应的栅格数量。
以下是常见的有效的网格类前缀:
.col-
:设置某个元素占据1个栅格宽度.col-sm-
:在小屏幕设备上(宽度不超过576px),设置某个元素占据1个栅格宽度.col-md-
:在中等屏幕设备上(宽度不超过768px),设置某个元素占据1个栅格宽度.col-lg-
:在大屏幕设备上(宽度不超过992px),设置某个元素占据1个栅格宽度.col-xl-
:在超大屏幕设备上(宽度不超过1200px),设置某个元素占据1个栅格宽度然而,有时候我们可能会遇到一些无效的网格类前缀。以下是几个无效的网格类前缀示例:
.col-xw-
:xw不是Bootstrap或其他常见CSS框架中的网格类前缀。.col-xs-5-
:5后面有一个多余的破折号,这样的格式也不是常见的网格类前缀格式。.col_m-
:_不是常见的网格类分隔符,这样的格式也不能被正确识别为网格类前缀。如果您在使用网格系统时遇到了奇怪的类前缀,可以先确认其是否为常见的有效网格类前缀。如果不是,建议查看相应框架的文档,了解其支持的网格类前缀,并使用正确的前缀来设置网格布局。