下拉菜单想向右弹出应加dropend，它作用于最外层.dropdown容器，使菜单从按钮右侧横向展开；dropdown-menu-end仅用于向下展开时右对齐按钮，二者互斥且不可共存。
下拉菜单想向右弹出，该加 dropend 还是 dropdown-menu-end
加 dropend——它作用于最外层容器（如 <div class="dropdown">），让整个菜单从按钮右侧横向展开；而 dropdown-menu-end 是加在 <ul class="dropdown-menu"> 上的，只改变向下展开时的水平对齐（右边缘对齐按钮），不改变弹出方向。
两者不能共存：dropend 和 dropdown-menu-end 互斥。如果你写了 <div class="dropdown dropend"><ul class="dropdown-menu dropdown-menu-end">，Popper 会优先按 dropend 定位，dropdown-menu-end 被忽略。
常见错误：
- 把
dropend加在<ul class="dropdown-menu">上——无效，方向类必须加在最外层容器 - 漏掉
data-bs-toggle="dropdown"属性——JS 不初始化，所有方向类都不生效 -
<ul class="dropdown-menu">不是<div class="dropend">的直接子元素（中间插了<div>）——Popper 找不到 reference 元素，定位失败
Navbar 里下拉菜单右对齐（向下展开但靠右），为什么加了 dropdown-menu-end 没反应
大概率是 DOM 结构或布局上下文错了。dropdown-menu-end 的“右对齐”基准是触发按钮的右边缘，但在 <ul class="navbar-nav"> 内部直接使用时，它往往对齐到整个 navbar 的右边界，而不是按钮本身。
必须满足三个条件：
-
<div class="dropdown">必须从<ul class="navbar-nav">里移出来，放到<div class="collapse navbar-collapse">内部、且和<ul class="navbar-nav">同级 - 包裹这个
<div class="dropdown">的父容器要加d-flex ms-auto，否则 flex 布局无法把它推到右侧，dropdown-menu-end就失去对齐锚点 - 触发元素（如
<button>或<a class="nav-link">）必须嵌套在<li class="nav-item">里，裸按钮会导致 Popper 锚点错位
移动端折叠后下拉菜单错位或偏左，怎么排查
小屏下 <div class="collapse navbar-collapse"> 展开时，如果 <div class="dropdown"> 被包在自定义 <div> 里，flex 上下文就断了，ms-auto 和 dropdown-menu-end 都会失效。
检查点：
- 所有导航相关元素（包括右对齐的
<div class="dropdown">）是否都是<div class="collapse navbar-collapse">的**直接子元素** - 没给
<div class="collapse navbar-collapse">加text-center或justify-content-start——它默认就是flex-start，加了反而覆盖ms-auto - 确认
data-bs-toggle="dropdown"在触发元素上存在，且 Bootstrap JS 已加载（尤其用模块化引入时容易漏） - 避免在
<ul class="dropdown-menu">上写top: 100%或内联style="left: ..."——Popper 会覆盖并导致闪烁或错位
向上/向左弹出时，dropup 和 dropstart 有什么区别
dropup 把菜单翻转到按钮上方，自动调整箭头方向和定位逻辑；dropstart 把菜单整体移到按钮左侧，默认左边缘对齐按钮右边缘（即“贴着按钮右边往左伸”）。
关键细节：
-
dropup和dropstart都必须加在最外层容器上，不能加在<ul class="dropdown-menu">上 - 不要混用：
dropup和dropend互斥，同时加一个元素上不会叠加效果，而是以最后一个为准 - 想让
dropstart下的菜单“左边缘对齐按钮左边缘”，不是加dropdown-menu-start，而是组合dropstart+dropdown-menu-end（此时dropdown-menu-end控制的是菜单自身内部对齐） - 移动端底部触发时，
dropup可避免被截断，但 Popper 不会自动 fallback，需 JS 检测空间后手动切换 class
data-bs-toggle="dropdown" 缺失，或者 <ul class="dropdown-menu"> 不是方向容器的直接子元素。 
