.table-condensed 是 Bootstrap 3 中用于创建紧凑型表格的 CSS 类，通过将单元格内距（padding）从默认 8px 减至约 5px 实现紧凑效果，仅适用于 Bootstrap 3，Bootstrap 4+ 已移除。
直接给 <table> 添加 <code>.table-condensed 类即可缩小单元格内距，但要注意它在 Bootstrap 4+ 中已被移除，仅适用于 Bootstrap 3。
Bootstrap 3 中启用紧凑型表格
这是唯一官方支持 .table-condensed 的版本。只需在已有 .table 类的基础上追加该类：
<table class="table table-condensed"> <thead><tr><th>Name</th><th>Age</th></tr></thead> <tbody><tr><td>Alice</td><td>28</td></tr></tbody> </table>
-
.table-condensed主要将padding从默认的8px降到5px（具体值以实际 CSS 为准） - 它不改变边框、背景或字体大小，只压缩垂直空间
- 若同时使用
.table-striped，条纹效果仍生效，但行高变小后视觉对比可能减弱
Bootstrap 4/5 中没有 .table-condensed
该类在 Bootstrap 4 中被正式删除，文档和源码中均不再存在。强行写上不会生效，浏览器会忽略这个未定义的类名。
- 替代方案是手动覆盖
td和th的padding，例如：table.table-compact td, table.table-compact th { padding: 3px 6px; } - 也可用工具类如
py-1 px-2（Bootstrap 5）逐单元格控制内距，但需大量重复书写 - 注意：自定义样式要确保选择器权重足够，避免被
.table原有规则覆盖
为什么 .table-condensed 被移除？
Bootstrap 团队认为「紧凑」是场景相关的设计决策，不应固化为全局类；更推荐通过实用工具类或组件级样式按需控制。
- 响应式需求变多，固定“紧凑”在小屏反而拥挤，在大屏又显得局促
- 现代布局常嵌套在卡片或模态框中，统一压缩不如按容器上下文灵活调整
- 移除后 CSS 体积减小，也降低维护成本
如果你正在升级项目，别只搜替换 .table-condensed —— 先确认是否真需要全局紧凑，还是某几张表需微调行高或内距。后者往往更适合用局部样式或 SCSS 变量控制。
