Bootstrap 5获取断点值失效：原Bootstrap 4方法无法使用求助

Bootstrap 5 对全局CSS变量的命名规则做了调整，所有原生全局变量都新增了--bs-前缀，这就是你原有代码失效的核心原因——Bootstrap 4里的--breakpoint-md，在Bootstrap 5中对应的变量名是--bs-breakpoint-md。

修改后的可正常运行代码如下：

window
    .getComputedStyle(document.documentElement)
    .getPropertyValue("--bs-breakpoint-md")

如果执行后仍无法获取到有效值，可以检查以下两点：

• 确认Bootstrap 5的CSS文件已正确引入，且没有被自定义样式覆盖掉这些根变量
• 注意获取到的变量值可能带有首尾空格，建议用.trim()处理后再使用：

const mdBreakpoint = window
    .getComputedStyle(document.documentElement)
    .getPropertyValue("--bs-breakpoint-md")
    .trim();

内容的提问来源于stack exchange，提问作者Markus