css - 如何使 Bootstrap 下拉列表显示在模态页脚上而不是使模态溢出？

Question

我创建了一个允许用户添加闹钟的模式，一个闹钟可以有很多不同类型的通知，所以我希望用户通过下拉菜单选择他想要的通知类型。

你可以在这里看到一个(不是 100% 工作的) fiddle :http://jsfiddle.net/renatoargh/teX7Y/

我使用的是 Bootstrap 版本 2.3.2。

基本上发生的事情如下图所示:

1-初始状态

2- 损坏的状态，下拉菜单使模态溢出而不是出现在它上面

我曾尝试为 ul#dropdown-menu 的 z-index 设置一个巨大的值，但它似乎不起作用。我也曾尝试更改 display 属性但没有成功。

有人可以帮助我吗？

编辑向上打开下拉菜单(dropup)也不是一个选项，因为会出现问题(当屏幕调整为桌面大小时)； http://jsfiddle.net/hashem/teX7Y/1/

Answer 1

您可以将另一个类添加到您的modal-body

 <div class="modal-body girlLookAtThatBody">

当然

 .girlLookAtThatBody{
    overflow-y:inherit !important;
}

所以检查一下:

http://jsfiddle.net/uUvyy/

希望对您有所帮助!