给.dropdown-menu加text-center无效，因其是flex容器，text-align对其子项.dropdown-item不生效；应改.dropdown-item的text-align或padding来控制文字对齐。
dropdown 下拉菜单的文字对齐方式不能靠 .dropdown-menu 自身的 text-align 控制，因为它是 flex 容器；真正起作用的是 .dropdown-item 的内边距和文本类，或手动加 text-start/text-center/text-end 到每个菜单项上。
为什么给 .dropdown-menu 加 text-center 没用
因为 .dropdown-menu 默认是 display: flex; flex-direction: column，而 text-align 对 flex 容器的子项（即 .dropdown-item）不生效。你看到文字没居中，不是样式没加载，而是 CSS 作用对象错了。
-
.dropdown-menu是 flex 容器，它的对齐逻辑由子项的margin、padding和自身justify-content/align-items决定 -
.dropdown-item是display: block元素，text-align在它身上才有效 - 直接给
.dropdown-menu加text-center只会影响其中纯文本节点（比如没包在<a>里的文字），但这类写法本身就不符合 Bootstrap 语义
正确改文字对齐的三种方式
根据你要的效果选一种，别混用：
- 统一右对齐所有菜单项：
<div class="dropdown-menu"><a class="dropdown-item text-end" href="#">退出</a></div> - 单个项居中（比如标题）：
<div class="dropdown-item text-center fw-bold">用户中心</div> - 用 padding 微调视觉重心（更稳妥）：
<a class="dropdown-item ps-4 pe-2" href="#">设置</a>—— 避免文字贴边，也绕过 text-align 的 flex 限制
.dropdown-menu-end 不影响文字对齐，只控制菜单整体位置
这是最常被误解的一点：.dropdown-menu-end 只让整个 <ul class="dropdown-menu"> 的右边缘对齐触发按钮右边缘，它不会改变里面文字的左右位置。如果你发现加了这个类后“文字看起来偏右了”，其实是菜单整体右移导致的错觉，文字在菜单内部仍是左对齐的。
- 想让菜单右对齐 + 文字也右对齐？得同时加
.dropdown-menu-end和每个.dropdown-item上的text-end - 导航栏里用
.ms-auto推动整个.dropdown到右侧时，.dropdown-menu-end才能准确定位——否则它会右对齐到.navbar-nav的右边界，而不是按钮 - 别在
.dropdown-item上乱加justify-content-center：它是 block 元素，这个类无效；要用就用text-center
真正容易被忽略的是：移动端下拉菜单展开时，text-end 可能会让文字紧贴屏幕右边缘，没有呼吸感。这时候优先用 pe-3 或 px-3 控制右边距，比纯 text-end 更可控。
