Bootstrap 5 没有内置响应式边框类如 border-lg，需用自定义媒体查询实现，例如@media (min-width: 992px) {.border-lg-only {border: 1px solid #dee2e6;}}，并注意断点值精确匹配、优先级控制及避免与d-*类混淆。
Bootstrap 5 没有 border-lg 这类响应式边框类
直接写 border-lg 或 border-md-0 是无效的——bootstrap 5 官方 css 文件里压根没生成这些类。它只提供 .border、.border-0、.border-top 等静态边框工具类，全部无断点前缀。想让边框随屏幕尺寸变化，必须自己补媒体查询规则。
用自定义媒体查询实现“仅在 lg 显示边框”
最稳妥的做法是仿照 Bootstrap 断点值，手写 CSS 类：
@media (min-width: 992px) {
.border-lg-only {
border: 1px solid #dee2e6;
}
}
@media (max-width: 991.98px) {
.border-lg-only {
border: none;
}
}
注意三点：
-
min-width: 992px必须严格对齐 Bootstrap 的lg断点起始值（不是 992px 四舍五入，而是精确到991.98px上界） - 用
border: none，别用border: 0——后者会重置border-style，后续再设border-color会失效 - 如果元素已带
.border类，你的新规则必须更高优先级（比如加!important，或用更具体的选择器如.card > .border-lg-only）
为什么 d-none d-lg-block + border 不等于响应式边框
这种写法只是控制容器是否渲染，不是控制边框本身：
-
d-none d-lg-block让整个元素在小屏不显示，但一旦显示，border就立刻生效——边框样式本身没做任何断点适配 - 若卡片内部有 JS 插件（如
bootstrap Carousel），d-none可能导致初始化失败，因为 DOM 节点不可见 -
.table-borderless同样不响应断点；它只是全局移除边框，和d-lg-table组合毫无意义——后者只改display，不影响边框
Card 边框手机端隐藏、桌面端显示的快捷方案
Bootstrap 5 实际提供了 .border-md 和 .border-lg 这两个类（注意：不是官方文档列出的，而是部分构建版本或社区扩展中存在，但**不可依赖**）。真正安全可用的是：
- 直接使用
.border+ 自定义类，如class="border border-lg-only" - 若项目已引入 Sass，可复写
$enable-responsive-utilities并手动添加边框断点类生成逻辑（需修改_utilities.scss） - 避免用
border-sm或border-xs——Bootstrap 5+ 已彻底移除，写了也无效
最易被忽略的点：浏览器 DevTools 的 Styles 面板里，border 声明如果被划掉，往往是因为全局重置样式（如 .card { border: none; }）优先级更高，而不是媒体查询写错了。
