我创建了一个允许用户添加闹钟的模式,一个闹钟可以有很多不同类型的通知,所以我希望用户通过下拉菜单选择他想要的通知类型。
你可以在这里看到一个(不是 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/
最佳答案
您可以将另一个类添加到您的modal-body
<div class="modal-body girlLookAtThatBody">
当然
.girlLookAtThatBody{
overflow-y:inherit !important;
}
所以检查一下:
希望对您有所帮助!
关于css - 如何使 Bootstrap 下拉列表显示在模态页脚上而不是使模态溢出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22261634/