如何在模态页脚上显示引导下拉菜单而不是模态溢出？

Question

我创建了一个模式,允许用户添加警报,一个警报可以有很多不同类型的通知,所以我希望用户通过下拉列表选择他想要的通知类型.

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

我正在使用Bootstrap版本2.3.2.

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

1-初始状态

2-破碎状态,下拉使模态溢出而不是出现在上面

我试过设置一个巨大的价值z-index,ul#dropdown-menu但它似乎没有用.我也试过改变display房产没有成功.

有人能帮我吗？

编辑 打开下拉列表(上拉)到上行也不是一个选项,因为出现问题(当屏幕调整为桌面大小时); http://jsfiddle.net/hashem/teX7Y/1/

Answer 1

你可以添加另一个类给你 modal-body

 <div class="modal-body girlLookAtThatBody">

而且当然

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

所以检查一下:

http://jsfiddle.net/uUvyy/

希望有所帮助!