col-md-4在bootstrap 4/5中精确占33.333333%而非近似值，因其css规则直接写死flex:0 0 33.333333%;width:33.333333%，确保三列并排无小数误差；实际宽度受.row的margin、内容溢出、自定义flex规则及断点生效条件影响。
col-md-4 在 Bootstrap 4/5 中固定占据父容器（.row）宽度的 33.333%，即 4 ÷ 12。
为什么是 33.333% 而不是近似值？
Bootstrap 的栅格基于 12 列等分系统，所有预设类（如 col-md-1 到 col-md-12）的宽度都用精确的百分比计算并写死在 CSS 中：
-
col-md-4对应 CSS 规则：flex: 0 0 33.333333%; width: 33.333333%; - 不是四舍五入后的 33.33%，也不是 JS 动态计算——它由预编译的 CSS 直接控制
- 这个值能被 12 整除，确保 3 个
col-md-4并排时刚好填满一行（无小数误差累积）
实际宽度受哪些因素影响？
即使写了 col-md-4，最终渲染宽度不一定等于 33.333%，常见干扰项有：
- 父级
.row是否设置了margin-left/margin-right：Bootstrap 默认设为-0.5rem（用于抵消列的padding），若被覆盖或重置，会影响整体对齐 - 列内元素溢出（比如未限制宽度的图片、长单词）会撑开列容器，导致 flex 基础宽度失效
- 自定义 CSS 中写了
flex-grow: 1或width: auto等规则，覆盖了flex: 0 0 33.333333% - 用了
col-md-auto或col混搭：它们不按 12 列比例分配，会挤压其他col-md-4的空间
如何验证当前 col-md-4 真实宽度？
别只信文档，直接看浏览器开发者工具：
- 选中元素 → 查看
Computed面板 → 找width和flex-basis，两者应均为33.3333% - 如果显示为
auto或像素值，说明某处 CSS 覆盖了 Bootstrap 默认规则 - 检查是否意外加了
!important，或引入了第三方 UI 库（如某些 Admin 模板）悄悄重写了.col-*类
真正容易被忽略的点是：这个百分比只在视口 ≥ 768px 时生效；小于该宽度时，col-md-4 失效，列会垂直堆叠——除非你同时写了 col-6 或 col-sm-6 这类更小断点类。
