这个下拉菜单可以让它在上面出来 ... 在这个包装上可以添加一个 dropup ... 然后我们可以改变一下这个下拉菜单的位置 .. 让它在屏幕的下面显示，不然菜单没有空间显示 ..

直接可以在元素上用一个 style 属性 .. position 设置成 absolute ，bottom 设置成 30%

再去试一下 ... 接一下这个下拉菜单 .. 这回它会从上边儿出来 ..

这个菜单的对齐方式也可以换一下 .. 找到菜单元素 .. 在上面添加一个 dropdown-menu-left ..

再去试一下 ..

菜单会左对齐触发显示它的这个元素 ...

再把对齐方式 换成 dropdown-menu-right ...

再去试一下 ..

这回菜单会右对齐触发显示它的这个元素 .. 就是菜单的右边，跟下面这个按钮元素的右边是对齐的 ..

微调

如果你想微调一下这个菜单的位置，可以在在这个触发显示菜单的元素上，添加一个 data-offset ，对应的值就是菜单要偏移的值 .. 比如我打算向右偏移 15 像素 ...

再试一下 ... 打开下拉菜单 .. 你会发现，它的位置会向右偏移一点 ...