Bootstrap中“ col-md-4”，“ col-xs-1”，“ col-lg-2”中数字的含义

在Bootstrap中，使用栅格系统来实现响应式设计。通过栅格系统，我们可以把页面分成12列（column），而且这个布局在各个设备上都是响应式的，即自动适配各种屏幕尺寸。

在栅格系统中，我们使用“col-”类来定义列。其中，类名中的“-md-”、"xs-"和“-lg-”就是表示在不同屏幕尺寸上的响应式的宽度范围。而后面的数字表示当前列跨几个列。

下面是三个例子：

• col-md-4：表示在中等（medium）屏幕尺寸上，当前列要跨4列。也就是占据了页面宽度的1/3。
• col-xs-1：表示在超小（extra small）屏幕尺寸上，当前列要跨1列。也就是占据了页面宽度的1/12。
• col-lg-2：表示在大（large）屏幕尺寸上，当前列要跨2列。也就是占据了页面宽度的1/6。

可以看出，数字表示当前列跨越的列数，而字母部分则表示在哪个屏幕尺寸下生效。

除了这三个，Bootstrap还提供了很多不同尺寸和不同列宽度的“col-”类。我们可以根据自己的需要来选用，以实现响应式设计。