应使用border-0 border-lg组合类——先全局移除边框，再仅在≥992px时恢复四边边框；该方案真移除边框、不影响盒模型与无障碍，且避免d-*类误控整元素显隐。
card边框在pc显示、手机隐藏，该用哪组类？
直接写 d-none d-lg-block 是错的——它控制的是整个 card 元素的显隐，不是边框。要只动边框，得用 border 工具类组合，而不是 d-* 显示类。
怎么用 border 工具类实现响应式边框？
Bootstrap 5 的 border- 类支持断点前缀，比如 border-lg 表示「仅在 lg 及以上显示边框」，而默认（无前缀）是全屏生效。关键在于：先全局移除边框，再按需加回来。
-
border-0：所有设备都无边框（必须写在前面，作为重置） -
border-lg：≥992px 时恢复四边边框（border等价于border-1） - 若只要上/下边框，用
border-top-lg或border-bottom-lg - 别混用
border-sm和border-lg——断点叠加不生效，CSS 会取最后声明的规则
示例：<div class="card border-0 border-lg">...<h3>为什么 border-* 类比 visibility 或 opacity 更合适？</h3>
<p><code>visibility: hidden 或 opacity: 0 不影响边框渲染，且元素仍占位、可聚焦、干扰屏幕阅读器；border-0 是真移除，DOM 渲染阶段就不画线，不影响布局流、无障碍和点击区域。
- 边框宽度参与盒模型计算，
border-0能避免手机端因边框导致的 padding/margin 溢出 - 如果 Card 内部用了
card-body，其默认padding不受边框控制，无需额外调整 - 注意：自定义 CSS 中写了
border: 1px solid #dee2e6 !important会覆盖border-0，得删或改选择器优先级
真机测试时容易忽略的细节
iPad Pro 横屏（1024px）属于 lg 断点（≥992px），边框会显示；但部分安卓平板竖屏只有 600px，仍属 md，边框不出现——这符合预期，但业务若要求“所有手持设备都不显示边框”，就得降级到 border-md 或手动加媒体查询。
- 别依赖 DevTools 预设的 “iPhone X” 模拟——它宽 375px，属于
xs，但真实小屏安卓可能 412px，仍属xs，border-lg对它们都无效 - 检查是否父容器用了
overflow: hidden，可能导致边框被裁切，看起来像“没显示” - Card 的
border-radius在无边框时依然存在，视觉上可能显得“突兀”，必要时配合rounded-lg或rounded-0统一控制
