Bootstrap 5 的边框开关类（如 border-0、border-top-0）不支持响应式断点，border-md-0 等写法在 5.1–5.3 中无效；仅 border + border-md-0 组合或 border-{side}-{breakpoint} 方向类可用，且线型类（如 border-dashed）必须紧随 border 声明才生效。
边框开关类不支持响应式断点（如 border-md-0）
bootstrap 5 的 border-0、border-top-0 等“关闭边框”类，**没有响应式变体**。写 border-md-0 或 border-sm-dashed 在 bootstrap 5.1–5.3 中完全无效——css 规则压根不存在，devtools 里也查不到对应样式。
真正能用的响应式边框控制只有两类：
-
border+border-md-0组合：先全局启用边框，再在特定断点关闭，例如border border-md-0表示“所有尺寸有边框，≥768px 时去掉” -
border-{side}-{breakpoint}方向类：如border-end-sm（小屏及以上加右边框）、border-start-lg（大屏及以上加左边框），但仅控制“是否显示”，不控制线型或颜色
别指望靠工具类实现“md 下虚线、lg 下实线”——这种多维度切换必须手写媒体查询或自定义 class。
border-dashed 等线型类必须紧跟 border 才生效
Bootstrap 5.3+ 支持 border-dashed、border-dotted，但它不是独立开关，而是依赖 border 基础声明。顺序错了就失效：
- ✅ 正确：
border border-dashed border-primary→ 有边框 + 虚线 + 主色 - ❌ 错误：
border-dashed border border-primary→border默认是solid，后置的border-dashed可能被重置 - ❌ 错误：
border-dashed border-primary→ 缺少border，边框宽度为 0，虚线根本画不出来
颜色类（如 border-danger）只改 border-color，不设宽度；若没显式加 border 或 border-2，默认 1px 太细，虚线段几乎不可见。
移动端断点类需 Bootstrap 5.2+，旧版本直接忽略
border-sm-dashed、border-md-dotted 这类带断点前缀的线型类，**仅在 Bootstrap 5.2 及以上版本支持**。如果你用的是 CDN 引入的 5.1.x 或更早版本，写了也白写，浏览器连解析都不解析。
验证方法很简单：
- 打开 DevTools → Elements 面板 → 找到元素 → 看 Styles 标签页里有没有对应规则（比如
.border-sm-dashed） - 没有？说明版本不够，要么升级，要么退回到手动媒体查询
- 有但没效果？检查是否被
border-0或其他border: none规则覆盖（border-0是!important，必须删掉才能让自定义边框生效）
边框视觉残留问题：border-top-0 不等于“看不见上边框”
border-top-0 只是把 border-top-width 设为 0，但它**不解决父容器 overflow: hidden 裁剪、子元素负 margin 溢出、或相邻边框叠加造成的视觉残留**。
典型场景：
- 一个
div有border-bottom: 1px solid #dee2e6，下边紧挨着另一个div也设了border-top-0，但看起来还是双线——其实是两个 1px 边框在像素级对齐时产生的渲染重叠 - 用
mx-n3拉宽 row 时，如果父容器overflow: hidden，右边框可能被裁掉一像素，DevTools 显示有边框，但人眼看不到 - 圆角 + 虚线边框：转角处虚线段断裂是浏览器限制，不是代码错；想缓解，得加大
border-width（如border-2）或换实线
真要彻底消除某侧边框的视觉存在，不能只信 class 名，得进 Computed 面板确认 border-top-style 和 border-top-width 最终值，再结合盒模型看是否被裁、被盖、被抵消。
