Bootstrap 5 不支持 border-lg 等全局响应式边框类，仅提供 border-start-sm 等单边响应式类；需用媒体查询手动实现，如 @media (min-width: 992px) { .border-lg-only { border: 1px solid #dee2e6 !important; } }。
Bootstrap 5 没有 border-lg 这类响应式边框类
直接写 border-lg、border-md-0 或 d-lg-border 都无效——Bootstrap 5.3 官方 CSS 文件里压根没生成这些规则。所有原生边框类（如 border、border-0、border-top）都不带断点前缀，一加就全局生效。
常见错误现象：
• 写了 border border-lg-0，结果 lg 屏边框还在
• 用 d-none d-lg-block 包一个带 border 的 div，发现小屏时整个区块消失，不是边框“隐藏”了
• DevTools 里搜 border-lg，CSS 规则列表为空
用自定义媒体查询实现“仅在 lg 显示边框”
最可靠的方式是手写 CSS，严格复用 Bootstrap 5 的断点值（lg: 992px），并注意边界处理：
-
@media (min-width: 992px)是对的；@media (min-width: 991px)或992.1px会导致边界抖动 - 必须配对使用
border: none（不是border: 0），否则后续设border-color会失效 - 若元素已带
border类，你的新规则要加!important，或用更具体选择器（如.card .border-lg-only）
示例代码：
@media (min-width: 992px) {
.border-lg-only {
border: 1px solid #dee2e6 !important;
}
}
@media (max-width: 991.98px) {
.border-lg-only {
border: none !important;
}
}
为什么不能用 d-none + 边框类模拟“隐藏边框”
d-none 控制的是整个元素的 display，不是 border 属性本身。它带来的副作用远超预期：
- 表格行（
<tr>）用d-none d-lg-block→ 整行 DOM 被移除，tr高度塌陷，破坏表格结构 - 卡片组件需要小屏去边框但保留
padding和box-shadow→d-none直接删节点，样式全丢 - 表单控件聚焦时加边框色，但只希望桌面生效 →
d-none后元素不可见，:focus状态无法触发 - Flex 容器内子项用
d-none→ 布局重排，相邻项位置偏移，gap计算异常
唯一原生支持断点的边框类是 border-{side}-{breakpoint}
Bootstrap 5 确实提供了 border-start-sm、border-end-md 这类单边响应式类，但它只控制「某一边是否显示」，不控制线型、粗细或颜色：
-
border-end-md等价于border-right: 1px solid var(--bs-border-color)，仅在min-width: 768px生效 - 它不会覆盖其他方向的边框；若同时有
border-top，顶部边框仍全局存在 - 想实现「仅在 md 屏显示底边框」，可用
border-bottom border-bottom-md组合：前者设默认底边框，后者在 md+ 时再加一次（实际效果是叠加，非替换） - 注意：这类类名只对单边有效，没有
border-md或border-lg-0的全局变体
真正控制边框的响应式逻辑，从来不在 class 名字里藏着，而在你写的那几行媒体查询里。漏掉 !important、写错像素值、或误以为 d-none 能局部生效，是线上最容易复现又最难定位的问题。
