应手动检测空间并动态切换dropup类：在show.bs.dropdown事件中临时显示菜单测高，比较按钮距底距离与菜单高度，不足则添加dropup类，并监听scroll/resize防失效。
想让下拉菜单在空间不足时自动向上弹，不能只靠写 .dropup 硬切——它不感知视口，也不会 fallback。真正可用的方案是手动检测空间 + 动态切类。
怎么判断该向上还是向下弹
Popper 不会自动翻转方向，Bootstrap 本身也不提供“智能方向”开关。必须自己算：触发按钮距屏幕底部的距离是否小于 .dropdown-menu 的高度。
- 用
getBoundingClientRect()拿按钮的bottom值 - 用
getComputedStyle(menu).height或menu.offsetHeight拿菜单高（注意：菜单默认 display: none，需临时设为 block 再测） - 比较
window.innerHeight - buttonRect.bottom和menuHeight，前者小就该用.dropup
如何动态切换 .dropup 类
不能等点击后再切——那样会闪一下。要在 show.bs.dropdown 事件里提前干预，且确保 DOM 已挂载、菜单已渲染但尚未定位。
- 监听
show.bs.dropdown，拿到event.relatedTarget（触发按钮）和即将展开的.dropdown-menu - 临时显示菜单：
menu.style.display = 'block'，再测高，测完立刻menu.style.display = '' - 根据计算结果，给最外层容器（不是
.dropdown-menu）加或删dropup类 - 务必在事件回调里
return false或调用event.preventDefault()？不用——这个事件是通知型的，修改 class 即可生效
移动端和滚动时容易漏掉的点
桌面端测一次够了，但移动端键盘弹起、页面滚动后空间会变，.dropup 可能失效或错位。
- 不要只在
show.bs.dropdown里算一次——对关键下拉，加scroll和resize监听，但 debounce 到 100ms 避免抖动 - 滚动时如果菜单已展开，Popper 会自动 reposition，但不会重新选方向；所以得监听
shown.bs.dropdown后再补一次检测 -
boundary: 'window'和.dropup一起用要小心：前者让菜单脱离父容器约束，后者翻转锚点逻辑，两者叠加可能导致顶部越界（尤其在窄屏上）
最麻烦的不是计算，而是菜单 DOM 尚未渲染完成时去测高——很多开发者卡在这一步，直接拿 offsetHeight 得到 0。必须等 show.bs.dropdown 触发后、shown.bs.dropdown 之前，用 setTimeout(..., 0) 或 requestAnimationFrame 推迟到下一帧再取尺寸。
