table-bordered需与table类配合使用，启用collapse边框合并导致线变粗，圆角需外层容器+overflow:hidden，边框方向/颜色应改用工具类组合。
直接加 table-bordered 类就能显示边框，但别只加它
Bootstrap 表格默认无边框，table-bordered 是最短路径，但它会作用于整个表格结构：外框 + 所有 th 和 td 单元格。问题在于——它默认启用 border-collapse: collapse，所有边框会合并，导致视觉上“线变粗”或“角点不清晰”。
实操建议：
- 必须搭配
table基础类一起用：<table class="table table-bordered">，单独用 <code>table-bordered无效 - 若需圆角效果，
table-bordered自身不支持border-radius，得靠外层容器包裹并设overflow: hidden - 在 Bootstrap 5.3+ 中，
table-bordered的边框色来自变量$border-color（默认#dee2e6），不是黑色也不是透明，别误以为“没生效” - 先清掉默认边框：
<table class="table border-0">，再手动给需要的部分加边 <li>给表头加顶边：<code><thead class="border-top">；给最后一行加底边：<code><tr class="border-bottom"> <li>颜色需配合主题色类，如 <code>border-primary、border-danger；非主题色得写style="border-color: #6c757d" - 注意：
border-top等方向类对tr生效，但对td可能被border-collapse吞掉，稳妥做法是加在tbody或thead容器上 - 表格嵌在
.card里却没边框：卡片自身有border，而table-bordered的边框被border-collapse: collapse吸进去了，看起来像“消失”——试试给table加style="border-collapse: separate" - 导出 PDF 或打印时边框不显示：Bootstrap 的边框色
#dee2e6在部分打印预设中会被过滤，临时加border-dark或内联style="border-color: #343a40 !important" - 用了
table-sm后边框变细甚至不可见：小尺寸表格会缩小padding，但边框宽度不变，视觉对比度下降，建议同步加border-2（需自定义 CSS 支持）或提升边框色饱和度 - 用
<div class="table-container rounded"> 包裹 <code>table，并在该div上设overflow: hidden和显式border - 删掉
table-bordered，改用border-0清空表格自身边框，避免内外边框打架 - 如果还要保留单元格内部分隔线，用
border-bottom单独加在tr:not(:last-child)上，配合 CSS 控制 - 特别注意：
table-container必须有背景色或边框，否则border-radius不可见——透明容器+圆角=什么也看不到
圆角和边框方向控制是容易被忽略的两个硬点，它们不写在文档首页，但一上线就暴露。别指望一个 class 解决所有视觉需求，Bootstrap 的表格边框本质是“可组合的 CSS 规则”，而不是黑盒功能。
想控制边框方向或颜色？别依赖 table-bordered，换用工具类组合
table-bordered 是“全有或全无”，没法只给上边加线、或把边框改成红色。这时候要跳出表格专属类，用通用边框工具类。
实操建议：
为什么加了 table-bordered 还看不见边框？检查这三点
常见错误不是代码写错，而是被其他样式覆盖或渲染机制干扰。
典型现象与排查点：
圆角边框不能只靠 border-radius，得用容器包一层
直接给 <table> 加 <code>rounded 类无效，浏览器不渲染 table 元素的 border-radius（尤其在 border-collapse: collapse 下）。
可靠做法是：
