栅格系统的类前缀

栅格系统提供了基本的前缀，用于在不同宽度的屏幕中实现不同的排列方式，具体类前缀如表1所示。

表1 栅格系统的类前缀

表1中，.container其实就是前面内容中讲到的布局容器预定义类，类前缀主要包括.col-、.col-sm-、.col-md-、.col-lg-和.col-xl-。其中，col是column的简写，表示列，.col-表示在超小设备中定义列时使用的类前缀。同理，.col-sm-表示在平板中定义列时使用的类前缀；.col-md-表示在桌面显示器中定义列时使用的类前缀。布局容器默认划分的列数为12。此外，Bootstrap栅格系统还支持列的嵌套和排序。

列的类名可以写多个，也就是可以同时设置.col-、.col-sm-、.col-md-、.col-lg-和.col-xl-类名。当同时使用这些类的时候，它会根据当前屏幕的大小来使相应的类生效。实现在不同屏幕下展示不同的页面结构。