Bootstrap 5 不支持响应式渐变边框，border-gradient、border-md-gradient 等类名官方不存在；实际效果均由自定义 CSS（如 border-image、background+mask 或伪元素）实现，border-0 类对其无效。
Bootstrap 5 没有“响应式渐变边框”这个内置功能
直接说结论：border-gradient、border-md-gradient 这类类名在 Bootstrap 5 官方 CSS 中根本不存在。所有所谓“响应式渐变边框”的效果，都是开发者自己用 background-image + mask 或 border-image 实现的，Bootstrap 本身不提供、也不控制这类样式。
所以你遇到的“取消不了”，大概率是以下情况之一：
- 项目里引入了第三方插件（比如某个 Bootstrap 扩展库）加了自定义渐变边框类
- 团队或自己写了 Sass/SCSS，用
border-image: linear-gradient(...)覆盖了默认边框 - 用了伪元素（
::before/::after）模拟渐变边框，但没同步清除
怎么定位并清除自定义渐变边框
先确认它到底在哪生效：
- 打开浏览器开发者工具（F12），选中目标元素，看
Computed面板里border是否为none或1px solid—— 如果是，那渐变边框大概率来自background+mask或border-image - 在
Styles面板搜索linear-gradient、border-image、mask、clip-path等关键词，找到对应规则 - 检查是否用了类似
.card-border-glow、.border-animated这种非官方类名
清除方式取决于实现原理：
- 如果是
border-image：加border-image: none !important - 如果是
background+mask：重置background: transparent !important和-webkit-mask: none !important - 如果是伪元素：用
&::before, &::after { display: none !important }或更精准地清空其content和background
为什么不能用 border-0 或 border-md-0 直接干掉
border-0 只影响原生 border 属性（即 border-width 设为 0），对 border-image、背景模拟、伪元素完全无效。同理，border-md-0 也只在 md 断点下把 border-width 设为 0，不碰其他渲染层。
常见翻车点：
- 写了
border-0 border-md-0却发现渐变还在——因为渐变压根不是靠border实现的 - 加了
!important到border: none，但没覆盖到border-image，结果优先级被绕过 - 清除了父容器的渐变，但子元素（如
.card-header）自己又加了一层，漏掉了
真正想“禁用响应式”时，别只盯边框
如果你的目标其实是让整个页面退回到固定宽度、无断点行为，那边框只是表象。必须同步处理：
- 删掉
<meta name="viewport">—— 否则媒体查询不触发，border-md类失效，但布局会崩（小屏显示极小文字） - 覆盖所有断点下的
.containermax-width，否则栅格列宽仍会收缩 - 检查 JS 组件（如 Collapse、Dropdown）是否依赖
matchMedia做响应式判断，必要时手动初始化或禁用
渐变边框这种视觉增强项，往往和响应式逻辑耦合得不深，但排查时最容易被当成“Bootstrap 自带功能”而忽略真实来源。动手前，先看 DevTools 里它究竟是哪条 CSS 规则画出来的。
