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