引导支持几个断点

Question

我要求为一个应用程序仅提供2个断点。这2个断点是<= 768移动版和1280> =桌面版。 （没有平板电脑断点）

如何修改$grid-breakpoints以支持此结构？

我相信是这样的：

$grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1280px );

在这里，我仅满足md，xl而忽略sm，md和lg吗？

请提供建议吗？

Answer 1

看来您的问题确实是关于 3 断点的。 <=768 is mobile & 1280 >= desktop的描述缺少 768和1280之间的范围。

假设您的意思是这三个断点：

• <=768（表示或为“ xs”）
• >768 & <1280（md）
• >=1280（xl）

SASS定制很容易：

@import "bootstrap/functions";
@import "bootstrap/variables";

$grid-breakpoints: (
  xs: 0,
  md: 768px,
  xl: 1280px
);

@import "bootstrap";

https://www.codeply.com/go/GZJHsDyeH2