border-top-0 用于移除元素上边框，但仅当元素已有上边框时生效；它只将 border-top-width 设为 0，不重置 style 或 color，故混用自定义 CSS 时可能残留渲染。
border-top-0 的作用是移除元素的上边框，但它只在元素**已有上边框**时才生效；如果元素原本就没上边框（比如没加 border 或 border-top 类），加这个类完全没反应。
为什么 border-top-0 有时“删不掉”上边框
常见错误是以为它能覆盖任意 CSS 边框规则。实际上：border-top-0 只会把 border-top-width 设为 0，但不会重置 border-top-color 或 border-top-style。如果之前用自定义 CSS 写了 border-top: 2px dashed red，border-top-0 只会让宽度归零，颜色和线型仍残留——某些浏览器渲染下可能意外显形。
- 优先确保上边框来自 Bootstrap 自身类（如
border、border-top、border-2等），再用border-top-0干预 - 若混用了手写 CSS，直接删掉那行样式，或用
!important覆盖（不推荐，应统一到 class 体系） - 检查是否被父级
border类影响：比如外层有border，内层加border-top-0是无效的——边框属于外层，内层无法“削掉”父级的边框
border-top-0 和 border-0 的区别在哪
二者目标不同：border-0 是“四边全清”，border-top-0 是“精准切除”。实际项目中容易误用：
- 想隐藏整个卡片边框？用
border-0，别写四个*-0类 - 只让导航栏底部露出来，顶部对齐容器？用
border-bottom+border-top-0 - 表单
.form-control默认带border，但需要顶部无缝衔接 label？加border-top-0即可，不用动其他三边 - 注意：Bootstrap 5 中
border-left-0和border-right-0已标记为 deprecated，应改用border-start-0/border-end-0，否则 CI 构建可能报警
搭配颜色或粗细类时要注意什么
border-top-0 本身不含颜色或宽度信息，它只是“清空操作”。但如果元素同时有 border-top-2 和 border-primary，border-top-0 会覆盖掉 border-top-2 的宽度，但 border-primary 仍作用于其余三边——这可能导致左右/下边框突兀变色。
- 避免组合使用：不要同时写
border-top-2 border-primary border-top-0，后者会把前两者在 top 上的效果全抵消 - 如果需要“仅顶部无边框，其余三边保持粗细+颜色”，正确写法是：
border border-2 border-primary border-top-0（border提供默认灰边，border-2和border-primary扩展三边，border-top-0单独切顶） - 响应式场景下没有
border-top-sm-0这类断点类——Bootstrap 5 的边框工具类不支持响应式开关，如需断点控制，得自己写媒体查询
真正容易被忽略的是：这个类不解决“边框视觉残留”问题。比如 .card 加了 box-shadow，即使顶部边框没了，阴影仍会造成“假边框感”；这时候得配合 shadow-none 或自定义 box-shadow: none 才算干净。
