是否可以在溢出div之上打开bootstrap下拉列表？

Question

我在模态中有一个bootstrap 3下拉列表。问题是，当我打开下拉列表时，下拉菜单会被模态div的末尾修剪，如下所示：

是否可以为下拉菜单分配父容器，例如像selectize或bootstrap select这样的插件。或者还有其他方法可以在模态之上进行下拉列表吗？

Answer 1

您希望重写模式的bootstrap溢出规则，这些规则是：

.modal {
    overflow-x: auto;
    overflow-y: scroll;
}

也许给你的模态一个ID值并定义一个如下规则：

#yourID.modal {
    overflow-x: visible;
}

Answer 2

也许您的问题正在解决...
试试这个。

.dropdown-menu{
  top: auto;
  bottom: 100%;
}