.table-condensed 是 Bootstrap 3 中用于创建紧凑型表格的 CSS 类,通过将单元格内距(padding)从默认 8px 减至约 5px 实现紧凑效果,仅适用于 Bootstrap 3,Bootstrap 4+ 已移除。

直接给 这是唯一官方支持 该类在 Bootstrap 4 中被正式删除,文档和源码中均不再存在。强行写上不会生效,浏览器会忽略这个未定义的类名。 Bootstrap 团队认为「紧凑」是场景相关的设计决策,不应固化为全局类;更推荐通过实用工具类或组件级样式按需控制。 如果你正在升级项目,别只搜替换 添加
.table-condensed 类即可缩小单元格内距,但要注意它在 Bootstrap 4+ 中已被移除,仅适用于 Bootstrap 3。Bootstrap 3 中启用紧凑型表格
.table-condensed 的版本。只需在已有 .table 类的基础上追加该类:
Name
Age
Alice
28
.table-condensed 主要将 padding 从默认的 8px 降到 5px(具体值以实际 CSS 为准).table-striped,条纹效果仍生效,但行高变小后视觉对比可能减弱Bootstrap 4/5 中没有
.table-condensed
td 和 th 的 padding,例如:table.table-compact td, table.table-compact th { padding: 3px 6px; }
py-1 px-2(Bootstrap 5)逐单元格控制内距,但需大量重复书写.table 原有规则覆盖为什么
.table-condensed 被移除?
.table-condensed —— 先确认是否真需要全局紧凑,还是某几张表需微调行高或内距。后者往往更适合用局部样式或 SCSS 变量控制。











