给.dropdown-menu加text-center无效，因其是flex容器，text-align对其子项.dropdown-item不生效；应改.dropdown-item的text-align或padding来控制文字对齐。
文字对齐别碰 .dropdown-menu 的 text-center
给 .dropdown-menu 加 text-center 没用，因为它默认是 display: flex 容器，text-align 对子元素 .dropdown-item 不生效。你看到文字没居中，不是样式没加载，而是作用对象错了。
真正起效的是 .dropdown-item 自身的文本对齐类或内边距：
- 单个项居中（比如标题）：
<div class="dropdown-item text-center fw-bold">用户中心</div> - 批量统一左/中/右：给每个
.dropdown-item加text-start/text-center/text-end - 移动端慎用
text-end：可能紧贴屏幕右边缘，无呼吸感；优先用pe-3或px-3控制右边距
.dropdown-item 的内边距怎么调才不破坏点击热区
直接改 padding 是最稳妥的方式，既避开 text-align 在 flex 下的限制，又不影响语义和可访问性。但要注意两点：
-
padding值过小（如py-1）会让点击区域变窄，尤其在触屏设备上易误点；推荐最小用py-2 - 横向 padding 用
px-*类（如px-4），比手动写padding-left/right更易维护且响应式友好 - 若需视觉居中但内容本身不居中（如带图标+文字），加
ps-3（左内边距）比改text-align更可控
导航栏里文字靠边、没留白怎么办
Navbar 中 .dropdown-item 默认左右紧贴 .dropdown-menu 边缘，是因为 .dropdown-menu 自身 padding 被重置了。解决方法不是加 text-center，而是从容器层级入手：
- 在
.dropdown-menu上加px-0（先清空默认左右 padding） - 再给每个
.dropdown-item加px-4或px-5，保证视觉呼吸感 - 如果整个 navbar 高度固定（如
56px），避免在.dropdown父级加justify-content-center——flex 容器对下拉菜单本身无效 - 想让文字整体右移一点？用
ms-3替代text-end，它只推内容，不改变文本流方向
为什么加了 text-center 还是左对齐
常见错误是把 text-center 加到了 .dropdown-menu 上，或者以为 .dropdown-menu-end 能控制文字对齐。其实：
-
.dropdown-menu-end只影响菜单整体位置（右边缘对齐触发按钮），和内部文字无关 -
.dropend/.dropstart改的是弹出方向，不是文字对齐方式 - 检查是否漏了
data-bs-toggle="dropdown"：没有这个属性，JS 不初始化，所有类都只是静态样式，不会触发定位逻辑 - 确认
.dropdown-menu是.dropdown的**直接子元素**：中间插了<div> 或 <code><form></form>，Popper 就找不到 reference 元素，对齐失效复杂点在于：文字对齐和菜单定位是两套逻辑，一个由
.dropdown-item的 CSS 控制，一个由 Popper 锚点和语义类驱动。混用或错放 class，看起来像样式没生效，其实是作用域完全错了。
