断点
断点是可自定义的宽度，用于确定响应式布局在不同设备或视窗大小下的行为。
可用断点
Bootstrap 包含六个默认断点，有时称为网格层级，用于构建响应式布局。如果您使用我们的源 Sass 文件，可以自定义这些断点。
| 断点 | 类后缀 | 尺寸 |
|---|---|---|
| 超小 | 无 | <576px |
| 小 | sm | ≥576px |
| 中 | md | ≥768px |
| 大 | lg | ≥992px |
| 超大 | xl | ≥1200px |
| 超超大 | xxl | ≥1400px |
自定义断点
如果您想使用自定义断点，则必须使用主题提供程序包装您的应用程序，并使用breakpoints道具指定您将使用的断点。这将确保诸如Row或Col之类的组件可以解析正确的自定义断点道具。
<ThemeProvider
breakpoints={['xxxl', 'xxl', 'xl', 'lg', 'md', 'sm', 'xs', 'xxs']}
minBreakpoint="xxs"
>
<div>Your app...</div>
</ThemeProvider>;
更多信息
有关断点的更多信息，请参阅 Bootstrap 文档。