响应式栅格跨断点组合原则

同一元素可同时挂多个断点的栅格类（如col-sm-6 col-md-4），因为每个断点样式只在自己的media query区间内生效、互不冲突，未定义的断点则沿用上一个更小断点已生效的样式（见[[移动优先的响应式断点级联]]）。这样同一份HTML结构无需JS判断屏幕宽度，仅靠CSS类叠加就能在不同设备上呈现不同排布。