Bootstrap 5 中 Navbar Dropdown 右对齐需结构与样式协同：Dropdown 必须与 .navbar-nav 并列置于 .navbar-collapse 内，外层加 .d-flex.ms-auto 推按钮右移，.dropdown-menu 加 .dropdown-menu-end 实现菜单右对齐。
Bootstrap 5 中 Navbar 里的 Dropdown 要靠右对齐，不能加 .pull-right（已彻底移除），也不能靠 float: right 或 text-align: right——这些在 flex 布局下完全无效。核心是两件事：结构上把 Dropdown 移出 .navbar-nav，样式上用 .ms-auto 推过去 + .dropdown-menu-end 控制菜单自身对齐。
为什么 .dropdown-menu-end 单独加没用？
常见现象：Dropdown 按钮显示在导航栏最右边，但点击后菜单仍从左边缘弹出，或整体偏左、悬空。
-
.dropdown-menu-end只控制菜单内容相对于触发按钮的**水平对齐方式**（右边缘对齐），不改变按钮位置 - 如果按钮本身还在
.navbar-nav里，默认左对齐，那菜单右对齐后，反而看起来“更偏左”（因为参照点错了） - 必须确保
.dropdown的父容器是 navbar 内的 flex 容器（如.container-fluid或.navbar-collapse），否则.ms-auto不生效
Navbar 里 Dropdown 正确的 DOM 结构
关键不是“怎么加 class”，而是“放在哪”。错误做法是塞进 <ul class="navbar-nav"></ul> 里；正确做法是让它和 .navbar-nav 并列，同级。
- 把
<div class="dropdown"> 放在 <code><ul class="navbar-nav"></ul>外、<div class="collapse navbar-collapse"> 内部，且在 <code>之后、
