给.row加justify-content-between没反应是因为.col-*默认撑满整行，无剩余空间可分配；可靠解法是减宽留空或用.col-md-auto+ms-auto，三列均衡推荐justify-content-evenly。
为什么给.row加justify-content-between没反应
因为.row虽然是 flex 容器（bootstrap 4/5 默认 display: flex），但.col-*类自带flex: 0 0 auto，内容撑满后无剩余空间可分配，justify-content: space-between就退化为左对齐。常见失效场景包括：
- 两个
.col-md-6填满整行 → 中间没空隙，space-between不生效 - 父容器（如
.container）有max-width或padding挤压了可用宽度 - 误在
.col-*内部加justify-content-between→ 它只对直接子元素起作用，而.col-*里通常只有文本，不是 Flex 容器 - 只有一列（比如单个
.col-md-4）→space-between要求至少两个子项
两个.col列真正两端对齐的两种可靠写法
必须打破“100% 占据”状态，让 Flex 有空间可分配：
-
减宽留空法：用
.col-md-5+.col-md-5，留出约 16.67% 空白（2 列），再给.row加d-flex justify-content-between -
自适应+自动外边距法：用
.col-md-auto+.ms-auto，第一个列按内容定宽，第二个列靠margin-left: auto顶到最右 —— 更轻量、不易受内容宽度干扰
别给.col-*设width、flex-basis或!important，否则会覆盖 Bootstrap 响应式计算逻辑。
三个.col列想「左-中-右」视觉均衡，别只用justify-content-between
justify-content-between在三列时，只均分“两处间隙”，首尾贴边，中间列位置取决于左右列宽度。文字长度不同就会看起来偏右——这不是 bug，是 Flex 标准行为。
- 真要视觉等距，优先用
justify-content-evenly（Bootstrap 5.3+ 支持），它让首项前、项间、末项后间隙全部等宽 - 旧版 Bootstrap 或需兼容时，可改用
flex: 1+text-center强制每列等宽分配，但会牺牲内容自适应性 - 避免给
.col-*加min-width或w-*，它们会挤压间隙计算空间
在.navbar或.modal-body里对齐.col列容易忽略的关键点
这些容器默认不是 Flex 容器，.col-*在里面不会自动变成 Flex 子项：
-
.navbar默认是 Flex，但它的直接子元素通常是.navbar-brand和.navbar-nav，不是.col-*；若硬塞.col-*进去，得先给.navbar加d-flex，再确保.col-*是其**直接子级** -
.modal-body默认是display: block，必须显式加d-flex才能启用justify-content-*类 - 嵌套时尤其注意层级：如果
.col-*包在<p></p>或额外<div>里，<code>justify-content就断掉了 —— 对齐只作用于 Flex 容器的**直接子元素**最稳妥的做法，是把对齐逻辑下沉到列内部：给
.col-*自己加d-flex justify-content-between，让它成为独立 Flex 容器，不依赖外层.row是否“配合”。
