拐点

拐点是可自定义的宽度,用于确定在引导过程中响应布局在设备或视口大小上的行为。简单理解就是响应式布局时,呈现出两种不同效果时候的某一个宽度临界值。

可用拐点

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
当然你也可以自己定义拐点,官方文档中有详细使用sass定义的介绍,感兴趣的小伙伴可以了解下。