有没有一种方法可以设置引导程序下拉菜单何时变为下拉菜单？

Question

bootstrap 4下拉菜单将一直保持下拉菜单，直到浏览器窗口底部没有足够的空间，然后变为下拉菜单。有什么方法可以做到这一点，例如距底部150像素而不是位于浏览器窗口的底部？

Answer 1

为此修改或添加JavaScript会很棘手。这是没有必要的，因为要实现此目的的简单方法是将margin-bottom添加到.dropdown-menu.show（请不要忘记包含.show来覆盖CSS）。

例如margin-bottom: 150px，最好不是内联。然后菜单将期望150px从dropdown变为dropup。

在margin处于活动状态时，您将必须删除dropup：

.dropdown-menu.show[x-placement="top-start"] {
    margin-bottom: 0;
}