justify-content-between在两个按钮上没反应，是因为父容器未加d-flex类；该类仅在显式声明的flex容器中生效，且要求子元素不少于2个、有剩余空间可分配。
为什么 justify-content-between 在两个按钮上没反应
因为父容器没加 d-flex——所有对齐类都只在显式声明的 flex 容器里起作用。浏览器不会自动把普通 div 当成 flex 容器，光写 justify-content-between 等于白搭。
常见失效点：
- 给
.row加了justify-content-between，但子元素是.col-*，而这些列自带flex: 0 0 auto，内容撑满后没剩余空间可分配 - 目标元素不是 flex 容器的**直接子级**（比如嵌套两层
div，类却加在祖父上） - 外层用了
.text-center或.text-end，和 Flex 类混用，语义冲突
ms-auto 和 me-auto 的实际行为差异
ms-auto 是 margin-inline-start: auto，在 LTR 页面中等价于 margin-left: auto；me-auto 是 margin-inline-end: auto，即 margin-right: auto。它们不依赖子元素数量，也不需要剩余空间，靠“挤走同级兄弟”实现定位。
关键区别：
-
ms-auto必须加在 flex 容器的**直接子元素**上，且该子元素不能是 inline 元素（如a、span），否则无效 - 给
nav-item或nav-link直接加ms-auto没用，得包一层ul或div并确保它有d-flex - Bootstrap 4 用
ml-auto/mr-auto，5+ 用ms-auto/me-auto，混用就失效
三个元素怎么视觉上真正「左-中-右」
justify-content-between 在三元素时首尾贴边、中间留两个等宽间隙，但因按钮宽度不一，人眼会觉得中间偏右。真要视觉均衡，优先用 justify-content-evenly（Bootstrap 5.3+ 支持）。
注意：
-
justify-content-evenly要求首项前、项间、末项后间隙全部等宽，效果比between更均质 - Bootstrap 5.2 及更早版本不支持
justify-content-evenly，需确认 CDN 版本 ≥ 5.3 - 若必须兼容旧版，可用
ms-auto+me-auto组合：左边元素加me-auto，右边加ms-auto，中间不加——但中间项会受两边挤压，宽度不稳定
纵向布局下 align-items-center 为什么没垂直居中
因为主轴是 vertical（flex-column）时，交叉轴是 horizontal，align-items-center 控制的是**水平居中**，不是垂直居中。想让纵向堆叠的子项上下居中，该用 justify-content-center。
容易忽略的细节：
-
justify-content-center需要父容器有明确高度参照（如h-100或min-vh-100），否则无空间可居中 - 单个子项用
align-self-end可覆盖父级align-items-*，但仅对直接子元素生效 - 子元素设了固定
height或max-height，可能截断或压缩对齐空间
