加了 dropdown-menu-end 没反应，90% 是 data-bs-toggle="dropdown" 缺失、dropdown-menu 非 dropdown 直接子元素、或 dropdown 被错误嵌套在 navbar-nav 内导致 popper 锚点失效。
dropdown-menu-end 为什么加了没反应
加了 dropdown-menu-end 却还是左对齐，90% 是结构或初始化问题，不是样式没加载：
-
data-bs-toggle="dropdown"缺失——没有这个属性，Bootstrap JS 根本不激活下拉逻辑，所有方向类都无效 -
dropdown-menu不是dropdown的直接子元素——中间插了<div> 或其他包装，Popper 找不到锚点 <li> <code>dropdown被套在<ul class="navbar-nav"></ul>里——必须把它移出来，和navbar-nav并列，放在<div class="collapse navbar-collapse"> 内部 <li>页面宽度低于 <code>navbar-expand-*断点（如navbar-expand-lg对应 ≥992px），此时菜单被折叠进.navbar-collapse，但结构错乱导致对齐失效 - 给
dropdown父元素（如<li class="nav-item dropdown">）加position: relative——Bootstrap 默认没设，必须手动补 -
dropdown-menu上同时加dropdown-menu-end和data-bs-popper="static"，禁用 Popper 动态调整 - 删掉任何类似
@media (max-width: 991.98px) { .dropdown-menu { top: 100% } }的覆盖规则——它会让菜单往上跑，溢出顶部 - 避免给
.navbar-collapse加text-center或justify-content-start，这些会干扰ms-auto的 flex 对齐逻辑 - 要用 JS 初始化时传入
popperConfig，例如：{ modifiers: [{ name: 'offset', options: { offset: [0, 8] } }] }——表示整体下移 8px - 单位是像素，格式为
[x, y]：横向偏移写第一个值，纵向写第二个；[0, -4]常用于让菜单顶部更贴合按钮底部 - 如果父容器有
transform、filter或opacity ，会导致锚点坐标系污染，此时加 <code>{ modifiers: [{ name: 'computeStyles', options: { adaptive: false } }] }更有效 - 检查开发者工具中触发按钮的
computed transform和offsetParent，确认是否意外继承了祖先变形 - 确保触发器是
<a class="nav-link"></a>，且包裹在<li class="nav-item">内——裸<button></button>或自定义<div> 会导致锚点丢失 <li>不要给 <code>dropdown-menu加top: 100%——这和data-bs-popper="popper"冲突，移动端常闪烁或错位 - 大屏下可试
dropdown-menu-lg-start，强制左对齐同时绕过 navbar 内部 flex 对齐干扰 - 若仅需视觉微调，临时加
.dropdown-item:focus .dropdown-menu { transform: translateY(-2px); }，但这是补救，非根治
真正卡住的点不在 CSS 写法，而在
移动端下拉菜单被截断或偏上怎么办
小屏下菜单常被 .navbar-collapse 的 max-height 截断，或因 Popper 默认以 viewport 为参考而弹出位置偏移：
想微调下拉菜单离按钮的距离，别硬写 top/left
Popper.js 每次展开、滚动都会重写 style="top: Xpx; left: Ypx;"，硬写 CSS 或内联样式会被覆盖：
导航栏里下拉菜单“悬空”，离 navbar 底边有空隙
Navbar 高度固定（如 56px），而 Popper 默认以按钮左上角为锚点，导致菜单顶部和 navbar 下边缘之间明显留白：
.navbar-collapse 是否被自定义容器包裹、是否被 max-height 截断、以及 show 类是否只存在于当前激活的那个折叠区域。
