Bootstrap边框响应式类通过border-{side}-{breakpoint}-0控制宽度而非display，仅影响边框粗细，不改变布局或可访问性；如需md至lg区间显示右边框，须自定义媒体查询。
边框不是用 d-* 类控制的，别往 display 上套
bootstrap 没有 d-sm-border 或 border-md-none 这类内置类。边框显隐必须靠 border-{side}-{breakpoint}-0 或 border-{breakpoint}-0 这类组合类，它们修改的是 border-width，不是 display 属性。混用 d-none 去“隐藏边框”是错的——它会把整个元素干掉，边框当然也没了，但这不是你想要的“仅隐藏边框”逻辑。
怎么让边框只在特定断点生效（比如只在 md+ 有下边框）
用 border-bottom 配合断点前缀类，例如：
<div class="border-bottom border-md-bottom-0">只在 xs/sm 有下边框</div> <div class="border-bottom-0 border-md-bottom">只在 md 及以上有下边框</div>
关键点：
-
border-bottom默认作用于所有断点（xs 起），等价于border-bottom: 1px solid #dee2e6 -
border-md-bottom-0表示「从 md 断点开始，下边框宽度设为 0」，它会覆盖前面的border-bottom - 类顺序无关紧要，因为它们作用于不同断点，CSS 媒体查询自动接管优先级
- 支持的边框方向：top / bottom / start / end（start/end 替代 left/right，适配 RTL）
- 支持的宽度值：0 / 1 / 2 / 3 / 4 / 5（对应 0–3px）
想实现“仅在 md 到 lg 之间显示右边框”，得手动写媒体查询
Bootstrap 不提供 border-md-lg-right 这种区间类。官方工具类只支持「≥某断点生效」或「≥某断点失效」，不支持开区间。
稳妥做法是加一个自定义类：
<div class="border-right border-md-right-0 border-xl-right">...</div>
但注意：border-md-right-0 在 md（768px）及以上都生效，border-xl-right 在 xl（1200px）及以上生效，中间的 lg（992px–1199.98px）确实能显示边框，但 md 到 lg 的起始段（768–991.98px）会被 border-md-right-0 干掉。真正精确控制需自己补 CSS：
.border-md-lg-right {
border-right-width: 0;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
.border-md-lg-right {
border-right-width: 1px;
}
}容易被忽略的细节：border-{breakpoint}-0 不等于 visibility: hidden
这类类只改 border-width，不影响元素尺寸、布局流或可访问性。和 d-none 完全不同：
- 用
border-sm-0后，元素仍占位，padding/margin 正常，屏幕阅读器照读 - 用
d-sm-none后，元素彻底脱离渲染树，JS 查offsetParent会是null - 如果父容器是 flex/grid，且子元素依赖
border来撑开间距，换成border-0后可能视觉错位，这时得配合margin或伪元素补偿
边框响应式最易翻车的地方，从来不是语法写错，而是忘了它只动 width，不动 layout、accessibility 和 JS 可检测状态。
