text-center加在.dropdown-menu上无效，因其是flex容器，text-align不继承至子元素.dropdown-item；文字对齐需直接作用于.dropdown-item（如加text-center类）或通过padding调整。
text-center 加在 .dropdown-menu 上没用，这是最常踩的坑。它确实是 flex 容器，text-align 对子元素 .dropdown-item 不生效——文字对齐得从项本身入手，不是从菜单容器。
为什么 text-center 加在 .dropdown-menu 上无效
因为 .dropdown-menu 默认是 display: flex; flex-direction: column，而 CSS 的 text-align 在 flex 容器上只影响匿名文本节点，不继承给子项。你看到文字没居中，不是类没加载，而是作用对象错了。
-
.dropdown-item才是真正渲染文字的块级元素，它默认是display: block，text-align在它身上才起效 - 加
text-center到.dropdown-menu只会让里面裸露的文本（比如没包在<a>或<div>里的纯文字）居中，但实际项目里几乎不存在这种写法 - 检查开发者工具，会发现
.dropdown-item的padding和display常覆盖text-align的视觉表现，这时要优先调padding而非硬顶!important
怎么让单个或批量 .dropdown-item 文字左/中/右对齐
直接给 .dropdown-item 元素加 Bootstrap 文本对齐类，语义清晰、无副作用。
- 单个项居中（如标题）：
<div class="dropdown-item text-center fw-bold">用户中心</div> - 批量统一：每个
.dropdown-item都加text-start（左）、text-center（中）、text-end（右） - 移动端慎用
text-end：容易紧贴屏幕右边缘，视觉压抑；改用pe-3或px-4控制右边距更安全 - 带图标+文字想“视觉居中”但内容本身靠左？用
ps-3推左内边距，比改text-align更可控
.dropdown-menu-end 和 .dropend 别混用
这两个类干的事完全不同，但名字太像，极易误配。
-
.dropdown-menu-end加在.dropdown-menu上：菜单仍向下弹出，但右边缘与触发按钮右边缘对齐——适合 Navbar 里头像下拉菜单靠右显示 -
.dropend加在最外层.dropdown容器上：整个菜单向右水平弹出，左边缘对齐按钮右边缘——适合侧边栏操作按钮 -
.dropdown-menu-end不影响文字对齐，只控制菜单整体位置；你以为“文字偏右了”，其实是菜单右移后产生的错觉 - 别在同一个
.dropdown上同时加.dropup和.dropend：互斥，后者会被忽略
Navbar 里下拉菜单贴边、没呼吸感怎么修
根本问题不在文字，而在容器层级和 padding 链路断了。
-
.dropdown-menu默认被重置了左右padding，导致.dropdown-item紧贴边缘；先加px-0清空，再给每个.dropdown-item加px-4或px-5 - 按钮在
.navbar-nav里时，.dropdown-menu-end对齐的是.navbar-nav的右边界，不是你想要的“navbar 最右侧”；必须把.dropdown移出.navbar-nav，和它并列放在.navbar-collapse内，并用d-flex ms-auto包裹 - 确保
data-bs-toggle="dropdown"存在，且.dropdown-menu是.dropdown的**直接子元素**——中间插<div>或<form>，Popper 就找不到锚点，所有对齐类都白加
真正容易被忽略的是：文字对齐和菜单定位是两套独立逻辑，前者由 .dropdown-item 的 text-align 或 padding 控制，后者由 .dropdown-menu-end 或 .dropend 驱动；混着调，只会越调越乱。
