Bootstrap 5 没有内置断点边框类，需用自定义媒体查询实现，如@media (min-width: 992px) {.border-lg-only {border: 1px solid #dee2e6;}}，配合@media (max-width: 991.98px) {border: none;} 精准控制边框显隐。
Bootstrap 5 中没有直接控制「断点边框」的内置类
想用 d-md-none 那套逻辑控制边框（比如「仅在 lg 屏显示边框」），不行。bootstrap 的 d-* 类只改 display，不碰 border。边框是独立 css 属性，得自己写规则或封装类。
用自定义 CSS + Bootstrap 断点媒体查询最可靠
别硬凑 display 类，边框显隐要靠 border-width 或 border-color: transparent 配合媒体查询。推荐写法：
@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断点起始值，不是估算值 - 避免用
border: 0—— 它会重置border-style，导致后续border-color失效；border: none更安全 - 如果元素已有
.border类，它会在所有断点生效，必须用更高优先级覆盖（比如加!important或更具体的选择器）
为什么 .table-borderless 不响应断点
.table-borderless 是全局移除边框的工具类，它不带任何断点前缀，也不支持像 d-lg-block 那样组合。常见误用：
- 写了
class="table table-borderless d-lg-table"——d-lg-table只改display，不影响边框 - 以为
.border-0能响应断点 —— 它和.table-borderless一样，是静态类，无断点变体 - 在父容器上用了
.d-none d-lg-block，但子表格仍显示边框 —— 因为 display 隐藏的是整个盒子，边框自然消失，但这不是“控制边框”，而是“控制渲染”
真要响应式边框，得自己补全断点类
可以仿照 Bootstrap 的命名习惯，扩展出类似 border-lg 的类（需加到项目 CSS 中）：
.border-lg {
border: 0;
}
@media (min-width: 992px) {
.border-lg {
border: 1px solid #dee2e6;
}
}
- 不要试图复刻所有断点（sm/md/lg/xl），按实际需要实现 1–2 个即可
- 注意
border是简写属性，设border: none会清掉 width/style/color 三者，比只设border-color: transparent更彻底 - 如果组件库或框架注入了 inline style 边框（比如某些 UI 表格组件），CSS 类可能被覆盖，得用
!important或提高选择器权重
断点边框不是开箱即用的功能，核心在于理解：Bootstrap 的响应式控制粒度只到 display 和 visibility，边框、阴影、圆角这些样式属性得自己补。
