Bootstrap 5 不支持响应式边框类，需用 display 响应式类控制元素显隐来间接控制边框，或通过自定义 CSS 媒体查询添加如 .border-md 类，并加 !important 保证优先级。
Bootstrap 5 中没有内置的响应式边框显示/隐藏类
直接写 d-none 或 d-md-block 只能控制元素整体显隐，对边框（border）无效 —— bootstrap 5.3+ 的工具类里压根没提供 border-sm-0、border-lg 这类响应式边框开关。边框的显示/隐藏必须靠自定义 css 或组合现有类间接实现。
用 border-0 + 响应式 display 类模拟“断点边框”
如果你的目标是「只在大屏显示边框，小屏去掉」，不能靠边框类本身响应，得换思路：把带边框的元素封装一层，再用 d-{bp}-* 控制这层的显隐。
- 别写
border border-lg-0——border-lg-0不存在，浏览器忽略 - 正确做法：用两个同结构元素，一个加
border并配d-none d-lg-block，另一个无边框配d-block d-lg-none - 或者更轻量：给元素加
border，再用d-none d-lg-inline-block控制它「仅在 lg+ 显示」——此时边框自然随元素一起出现/消失 - 注意：如果父容器是
flex或grid，d-lg-inline-block可能失效，优先选d-lg-block
手动补响应式边框类（推荐用于高频场景）
项目里若反复需要「md 屏有边框、xs 屏无」，硬套 display 组合太啰嗦，建议在自定义 CSS 中补一组：
@media (min-width: 768px) {
.border-md {
border: 1px solid #dee2e6 !important;
}
.border-md-0 {
border: 0 !important;
}
}
这样就能直接写 border border-md-0 实现「默认有边框，md 起取消」；或 border-md 实现「仅 md 起有边框」。关键点：
- 务必加
!important，否则会被 Bootstrap 原生border类覆盖 - 断点值严格对齐 Bootstrap 官方：sm≥576px、md≥768px、lg≥992px……别自己改
- 不要命名为
border-sm-show这类非标准名，团队协作时易误解
为什么 invisible 或 visually-hidden 不能用来控制边框
这两个类只影响视觉可访问性：invisible 是 visibility: hidden，元素仍占位、边框依然渲染；visually-hidden 是屏幕阅读器专用，对样式毫无影响。它们和边框显隐完全无关。
真正要让边框「消失」，只有两条路：删掉 border 类、或让整个元素 display: none。想局部控制边框？CSS 的 border-top-color: transparent 或 border-width: 0 才是正解，但这些没法响应断点 —— 所以最终还是绕回自定义媒体查询。
