dropdown-menu-end 仍左对齐是因为结构错误：dropdown 必须是 collapse navbar-collapse 的直接子元素，且 dropdown-menu 必须是 dropdown 的直接子元素，触发元素需嵌套在 nav-item 中，dropend 与 dropdown-menu-end 不可混用。
必须用 dropdown-menu-end，不是 dropdown-menu-right —— 后者在 Bootstrap 5 中已彻底移除，写了也无效。
为什么加了 dropdown-menu-end 还是左对齐？
不是样式没加载，而是结构没对齐。这个类依赖 Popper 的锚点推断，一旦 DOM 层级或布局上下文错位，它就“找不到按钮右边缘”这个基准点。
-
dropdown-menu必须是dropdown的**直接子元素**，中间不能插<div>、<code><form></form>或其他包装 -
dropdown不能塞在<ul class="navbar-nav"></ul>里面；得把它移出来，和<ul class="navbar-nav"></ul>并列，都作为<div class="collapse navbar-collapse"> 的**直接子元素** <li>包裹 <code>dropdown的外层容器（比如一个<div>）必须加 <code>d-flex ms-auto，否则dropdown-menu-end对齐的是整个 navbar 右边界，而不是按钮本身 - 触发元素（
<a class="nav-link"></a>或<button></button>）必须嵌套在<li class="nav-item">里，裸放会导致 Popper 锚点错位 -
dropend加在最外层<div class="dropdown"> 上 → 菜单从按钮**右侧横向弹出**（像侧边栏），此时不需要 <code>dropdown-menu-end -
dropdown-menu-end加在<ul class="dropdown-menu"></ul>上 → 菜单**仍向下展开**，但右边缘对齐按钮右边缘（这才是导航栏用户头像下拉的常规需求） - 如果同时写
<div class="dropdown dropend"> <ul class="dropdown-menu dropdown-menu-end">，Popper 会优先按 <code>dropend定位，dropdown-menu-end被忽略 - 检查
data-bs-toggle="dropdown"是否在触发元素上，且 Bootstrap JS 已加载；漏掉这个属性，整个下拉逻辑都不会初始化
dropend 和 dropdown-menu-end 别混用
这是最容易踩的坑：两个类效果完全不同，且互斥。
移动端折叠后菜单偏左或错位？重点查这三点
小屏下 <div class="collapse navbar-collapse"> 展开时，flex 上下文非常脆弱，一断就全失效。
<ul><li>确认所有导航相关元素（包括那个右对齐的 <code>dropdown）都是 <div class="collapse navbar-collapse"> 的**直接子元素**，中间不能嵌套自定义 <code><div>
<li>别给 <code><div class="collapse navbar-collapse"> 加 <code>text-center 或 justify-content-start —— 它默认就是 flex-start，加了反而覆盖 ms-auto
真正容易被忽略的是：Navbar 内部的 flex 布局会让 text-end 或 float: right 对下拉菜单完全无效——对齐只发生在 dropdown 容器级，而不是菜单内部或按钮上。
