Bootstrap 5 不支持 border-lg-0 等响应式边框类，所有原生边框工具类均无断点前缀；唯一原生支持断点的是 border-{side}-{breakpoint}（如 border-end-sm），仅控制单边显隐；可靠方案是手写媒体查询，严格按断点值（如 min-width: 992px）并加 !important 实现精准控制。
Bootstrap 5 没有 border-lg-0 这类响应式边框类
直接写 border-lg-0 或 d-lg-border 在 Bootstrap 5.1–5.3 中完全无效——CSS 规则压根不存在，DevTools 里查不到对应样式。所有原生边框工具类（如 border、border-0、border-top）都不带断点前缀，一加就全局生效。
常见错误现象：border border-lg-0 写完，lg 屏边框还在；或者用 d-none d-lg-block 包裹带 border 的元素，结果小屏时整块内容消失，但 padding、margin、JS 初始化全乱了。
-
border-{side}-{breakpoint}（如border-end-sm）是唯一原生支持断点的边框类，但它只控制「某一边是否显示」，不控制线型、粗细、颜色 -
border-md和border-lg不是官方文档列出的标准类，部分构建版本或社区扩展中存在，但不可依赖 - 别用
border-sm或border-xs——Bootstrap 5+ 已彻底移除，写了也白写
用自定义媒体查询精准控制边框显隐
最稳妥的做法是复用 Bootstrap 5 的断点值，手写 CSS 规则。注意：断点是 min-width，边界像素必须留余量（如 767.98px），否则刚好卡在 768px 宽度的设备可能双显或双隐。
- 仅在 xs（手机竖屏）去边框：
@media (max-width: 575.98px) { .my-card { border: none !important; } } - 仅在 md 断点区间（768px–991.98px）加底边框：
@media (min-width: 768px) and (max-width: 991.98px) { .my-card { border-bottom: 2px solid #dee2e6 !important; } } - 仅在 lg 及以上显示完整边框：
@media (min-width: 992px) { .my-card { border: 1px solid #ced4da !important; } } - 务必加
!important：Bootstrap 原生边框类不带!important，不加容易被覆盖
为什么不能用 d-none 模拟“隐藏边框”
d-none 控制的是 display，不是 border 属性本身。它会让整个元素从渲染树中移除，连带影响布局、JS 行为和无障碍访问。
- 表格行（
<tr>）用d-none→ 整行塌陷，破坏行高 - 卡片组件需小屏去边框但保留
padding和shadow→d-none直接删 DOM 节点，样式全丢 - 表单控件聚焦时动态加边框色，但希望只在桌面生效 →
d-none后无法触发:focus -
visibility: hidden或opacity: 0更不行：边框仍占位、仍参与盒模型计算，实测易导致 flex/grid 错位
border-dashed 等线型类必须紧跟 border 声明
border-dashed、border-dotted 不是独立开关，而是修饰符，依赖 border 基础声明才生效。顺序错了就失效。
- ✅ 正确：
border border-dashed border-primary→ 有边框 + 虚线 + 主色 - ❌ 错误：
border-dashed border border-primary→border默认是solid，后置修饰可能被重置 - ❌ 错误：
border-dashed border-primary→ 缺少border，宽度为 0，虚线根本画不出来 - 颜色类（如
border-danger）只改border-color，不设宽度；若没显式加border或border-2，默认 1px 太细，虚线段几乎不可见 -
border-sm-dashed等带断点前缀的线型类，仅在 Bootstrap 5.2+ 支持；用 CDN 引入 5.1.x 版本时写了也白写
!important、属性声明顺序，这三个点漏掉任何一个，都可能导致线上边框行为和预期不符。 
