拐点是可自定义的宽度,用于确定在引导过程中响应布局在设备或视口大小上的行为。简单理解就是响应式布局时,呈现出两种不同效果时候的某一个宽度临界值。
Bootstrap 包括六个默认拐点,有时称为网格层,用于响应性地构建。
Breakpoint | Class infix | Dimensions |
---|---|---|
X-Small | None | <576px |
Small | sm |
≥576px |
Medium | md |
≥768px |
Large | lg |
≥992px |
Extra large | xl |
≥1200px |
Extra extra large | xxl |
≥1400px |