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

时间:2014-03-07 22:07:31

标签: css twitter-bootstrap

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

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

我使用的是Bootstrap版本2.3.2

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

1-初始状态

initial state

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

enter image description here

我尝试为z-index的{​​{1}}设置一个巨大的价值,但它似乎不起作用。此外,我尝试更改ul#dropdown-menu属性但未成功。

有人可以帮助我吗?

修改 由于问题发生(当屏幕调整为桌面大小时),向上打开下拉(下拉)也不是一个选项; http://jsfiddle.net/hashem/teX7Y/1/

1 个答案:

答案 0 :(得分:11)

您只需在modal-body

中添加其他课程即可
 <div class="modal-body girlLookAtThatBody">

当然

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

所以检查一下:

http://jsfiddle.net/uUvyy/

希望有所帮助!